mirror of
https://github.com/danbulant/slightlyComplicatedTicTacToe
synced 2026-07-07 12:10:36 +00:00
formatting
This commit is contained in:
parent
198ad177b7
commit
9e7092a0f6
3 changed files with 22 additions and 21 deletions
|
|
@ -1,6 +1,7 @@
|
||||||
{
|
{
|
||||||
"useTabs": true,
|
"useTabs": false,
|
||||||
"singleQuote": true,
|
"tabWidth": 2,
|
||||||
"trailingComma": "none",
|
"singleQuote": true,
|
||||||
"printWidth": 100
|
"trailingComma": "none",
|
||||||
}
|
"printWidth": 100
|
||||||
|
}
|
||||||
|
|
@ -1,22 +1,22 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { fly } from 'svelte/transition';
|
import { fly } from 'svelte/transition';
|
||||||
import { DEFAULT_TRANSITION_DURATION } from './config';
|
import { DEFAULT_TRANSITION_DURATION } from './config';
|
||||||
|
|
||||||
export let href: string | undefined = undefined;
|
export let href: string | undefined = undefined;
|
||||||
export let onclick: svelte.JSX.MouseEventHandler<HTMLAnchorElement> | undefined = undefined;
|
export let onclick: svelte.JSX.MouseEventHandler<HTMLAnchorElement> | undefined = undefined;
|
||||||
|
|
||||||
const duration = DEFAULT_TRANSITION_DURATION;
|
const duration = DEFAULT_TRANSITION_DURATION;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<a
|
<a
|
||||||
transition:fly={{ duration, delay: duration * 0.5, x: -60, opacity: 0 }}
|
transition:fly={{ duration, delay: duration * 0.5, x: -60, opacity: 0 }}
|
||||||
{href}
|
{href}
|
||||||
on:click={onclick}
|
on:click={onclick}
|
||||||
class="text-black dark:text-white arrow-back fixed top-0 left-0 w-4 h-4 m-4 p-2 transform transition-transform hover:-translate-x-1"
|
class="text-black dark:text-white arrow-back fixed top-0 left-0 w-4 h-4 m-4 p-2 transform transition-transform hover:-translate-x-1"
|
||||||
>
|
>
|
||||||
<svg width="16" height="16">
|
<svg width="16" height="16">
|
||||||
<line y1="50%" x1="0" y2="50%" x2="100%" stroke="currentColor" stroke-width="2" />
|
<line y1="50%" x1="0" y2="50%" x2="100%" stroke="currentColor" stroke-width="2" />
|
||||||
<line y1="50%" x1="0" y2="100%" x2="50%" stroke="currentColor" stroke-width="2" />
|
<line y1="50%" x1="0" y2="100%" x2="50%" stroke="currentColor" stroke-width="2" />
|
||||||
<line y1="50%" x1="0" y2="0" x2="50%" stroke="currentColor" stroke-width="2" />
|
<line y1="50%" x1="0" y2="0" x2="50%" stroke="currentColor" stroke-width="2" />
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -3,8 +3,8 @@
|
||||||
import { quadOut } from "svelte/easing";
|
import { quadOut } from "svelte/easing";
|
||||||
import { draw, fade, fly } from "svelte/transition";
|
import { draw, fade, fly } from "svelte/transition";
|
||||||
import Move from "./move.svelte";
|
import Move from "./move.svelte";
|
||||||
import { DEFAULT_TRANSITION_DURATION } from "./config";
|
import { DEFAULT_TRANSITION_DURATION } from "./config";
|
||||||
import BackButton from "./backButton.svelte";
|
import BackButton from "./backButton.svelte";
|
||||||
|
|
||||||
export var self: 1 | 2 = 1;
|
export var self: 1 | 2 = 1;
|
||||||
export var twoPlayer: boolean = false;
|
export var twoPlayer: boolean = false;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue