This commit is contained in:
2025-09-05 01:32:06 +10:00
parent 65c52be4a1
commit bba8986c88
13 changed files with 773 additions and 133 deletions

View File

@@ -5,18 +5,20 @@
import { Button } from '$lib/components/ui/button/index.js';
import { toggleMode } from 'mode-watcher';
import Grid from '$lib/components/grid/grid.svelte';
let socket = new WebSocket('ws://localhost:7050');
</script>
<Button onclick={toggleMode} variant="outline" size="icon">
<SunIcon
class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 !transition-all dark:scale-0 dark:-rotate-90"
/>
<MoonIcon
class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 !transition-all dark:scale-100 dark:rotate-0"
/>
<span class="sr-only">Toggle theme</span>
</Button>
<!-- <Button onclick={toggleMode} variant="outline" size="icon"> -->
<!-- <SunIcon -->
<!-- class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 !transition-all dark:scale-0 dark:-rotate-90" -->
<!-- /> -->
<!-- <MoonIcon -->
<!-- class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 !transition-all dark:scale-100 dark:rotate-0" -->
<!-- /> -->
<!-- <span class="sr-only">Toggle theme</span> -->
<!-- </Button> -->
<div class="h-[80vh] overflow-hidden rounded-lg border">
<Grid />
<div class="m-0">
<Grid {socket} />
</div>