41 lines
1010 B
Svelte
41 lines
1010 B
Svelte
<script lang="ts">
|
|
import '../app.postcss';
|
|
import { AppShell, AppBar } from '@skeletonlabs/skeleton';
|
|
|
|
// Floating UI for Popups
|
|
import { computePosition, autoUpdate, flip, shift, offset, arrow } from '@floating-ui/dom';
|
|
import { storePopup } from '@skeletonlabs/skeleton';
|
|
storePopup.set({ computePosition, autoUpdate, flip, shift, offset, arrow });
|
|
</script>
|
|
|
|
<!-- App Shell -->
|
|
<AppShell>
|
|
<svelte:fragment slot="header">
|
|
<!-- App Bar -->
|
|
<AppBar>
|
|
<svelte:fragment slot="lead">
|
|
<strong class="text-xl">Bok's utils</strong>
|
|
</svelte:fragment>
|
|
<svelte:fragment slot="trail">
|
|
<a
|
|
class="btn btn-sm variant-ghost-surface"
|
|
href="mailto:antoine.web@bokbox.com"
|
|
target="_blank"
|
|
>
|
|
Email
|
|
</a>
|
|
<a
|
|
class="btn btn-sm variant-ghost-surface"
|
|
href="https://github.com/bokounet"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
GitHub
|
|
</a>
|
|
</svelte:fragment>
|
|
</AppBar>
|
|
</svelte:fragment>
|
|
<!-- Page Route Content -->
|
|
<slot />
|
|
</AppShell>
|