mirror of
https://github.com/pockethost/pockethost.git
synced 2025-06-15 10:36:37 +00:00
40 lines
1.1 KiB
Svelte
40 lines
1.1 KiB
Svelte
<script>
|
|
import MediaQuery from '$components/MediaQuery.svelte'
|
|
import MobileNavDrawer from '$components/MobileNavDrawer.svelte'
|
|
import Navbar from '$components/Navbar.svelte'
|
|
import VerifyAccountBar from '$components/VerifyAccountBar.svelte'
|
|
import AuthStateGuard from '$components/helpers/AuthStateGuard.svelte'
|
|
import Meta from '$components/helpers/Meta.svelte'
|
|
import UserLoggedIn from '$components/helpers/UserLoggedIn.svelte'
|
|
import '../app.css'
|
|
import '../services'
|
|
</script>
|
|
|
|
<Meta />
|
|
|
|
<AuthStateGuard>
|
|
<div class="layout xl:flex">
|
|
<UserLoggedIn>
|
|
<MediaQuery query="(min-width: 1280px)" let:matches>
|
|
{#if matches}
|
|
<Navbar />
|
|
{:else}
|
|
<MobileNavDrawer>
|
|
<Navbar />
|
|
</MobileNavDrawer>
|
|
{/if}
|
|
</MediaQuery>
|
|
</UserLoggedIn>
|
|
|
|
<div class="lg:p-4 lg:pt-0 xl:pt-4 min-h-screen grow">
|
|
<div
|
|
class="bg-base-300 border-base-300 border-[16px] xl:h-[calc(100vh-32px)] lg:p-4 rounded-2xl xl:overflow-hidden xl:overflow-y-auto"
|
|
>
|
|
<VerifyAccountBar />
|
|
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</AuthStateGuard>
|