diff options
Diffstat (limited to 'app/src/routes/+layout.svelte')
| -rw-r--r-- | app/src/routes/+layout.svelte | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/app/src/routes/+layout.svelte b/app/src/routes/+layout.svelte new file mode 100644 index 0000000..3d5c07f --- /dev/null +++ b/app/src/routes/+layout.svelte @@ -0,0 +1,49 @@ +<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 uppercase">Skeleton</strong> + </svelte:fragment> + <svelte:fragment slot="trail"> + <a + class="btn btn-sm variant-ghost-surface" + href="https://discord.gg/EXqV7W8MtY" + target="_blank" + rel="noreferrer" + > + Discord + </a> + <a + class="btn btn-sm variant-ghost-surface" + href="https://twitter.com/SkeletonUI" + target="_blank" + rel="noreferrer" + > + Twitter + </a> + <a + class="btn btn-sm variant-ghost-surface" + href="https://github.com/skeletonlabs/skeleton" + target="_blank" + rel="noreferrer" + > + GitHub + </a> + </svelte:fragment> + </AppBar> + </svelte:fragment> + <!-- Page Route Content --> + <slot /> +</AppShell> |