forked from coracle/flotilla
Jon Staab
32 lines
861 B
Svelte
32 lines
861 B
Svelte
<script lang="ts">
|
|
import {page} from "$app/stores"
|
|
import theme from "tailwindcss/defaultTheme"
|
|
import SecondaryNav from "@lib/components/SecondaryNav.svelte"
|
|
import {decodeRelay} from "@app/relays"
|
|
import {goToSpace} from "@app/routes"
|
|
import PrimaryNavSpaces from "@app/components/PrimaryNavSpaces.svelte"
|
|
import SpaceMenu from "@app/components/SpaceMenu.svelte"
|
|
|
|
const url = decodeRelay($page.params.relay!)
|
|
const md = parseFloat(theme.screens.md) * 16
|
|
|
|
let width = $state(0)
|
|
|
|
$effect(() => {
|
|
if (width > md) {
|
|
goToSpace(url)
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<svelte:window bind:innerWidth={width} />
|
|
|
|
{#if width <= md}
|
|
<div class="ml-sai mt-sai mb-sai relative z-nav w-14 shrink-0 bg-base-200 pt-2">
|
|
<PrimaryNavSpaces />
|
|
</div>
|
|
<SecondaryNav visible class="w-auto grow pb-16">
|
|
<SpaceMenu {url} />
|
|
</SecondaryNav>
|
|
{/if}
|