34 lines
942 B
Svelte
34 lines
942 B
Svelte
<script lang="ts">
|
|
import Grid from '$lib/components/grid/grid.svelte';
|
|
import * as Sidebar from '$lib/components/ui/sidebar/index.js';
|
|
import { fade } from 'svelte/transition';
|
|
|
|
import { useSidebar } from '$lib/components/ui/sidebar/index.js';
|
|
const sidebar = useSidebar();
|
|
|
|
let socket = new WebSocket('ws://localhost:7050');
|
|
</script>
|
|
|
|
{#if sidebar?.openMobile || sidebar?.open}
|
|
<button
|
|
class="fixed inset-0 z-[700] bg-black/40"
|
|
aria-label="Close sidebar"
|
|
onclick={() => (sidebar.isMobile ? sidebar.setOpenMobile(false) : sidebar.setOpen(false))}
|
|
transition:fade={{ duration: 100 }}
|
|
></button>
|
|
{/if}
|
|
|
|
<div class="absolute left-0 min-h-0 w-full">
|
|
<div class="flex h-[93vh] flex-col">
|
|
<div class="h-[60px] w-full p-3">
|
|
<div class="flex items-center gap-5">
|
|
<Sidebar.Trigger />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid-wrapper min-h-0 w-full flex-1">
|
|
<Grid class="h-full min-w-0" {socket} />
|
|
</div>
|
|
</div>
|
|
</div>
|