diff options
| author | Matt Strapp <matt@mattstrapp.net> | 2023-09-13 15:14:25 -0500 |
|---|---|---|
| committer | Matt Strapp <matt@mattstrapp.net> | 2023-09-13 15:22:38 -0500 |
| commit | fe4b4fdf7cbbf27ab96b4618ab0d3f39b02a04ce (patch) | |
| tree | fdded80b264dcd8576dd4735c2c8a80806103040 /app/src/routes/+layout.svelte | |
| download | trinkets-fe4b4fdf7cbbf27ab96b4618ab0d3f39b02a04ce.tar trinkets-fe4b4fdf7cbbf27ab96b4618ab0d3f39b02a04ce.tar.gz trinkets-fe4b4fdf7cbbf27ab96b4618ab0d3f39b02a04ce.tar.bz2 trinkets-fe4b4fdf7cbbf27ab96b4618ab0d3f39b02a04ce.tar.lz trinkets-fe4b4fdf7cbbf27ab96b4618ab0d3f39b02a04ce.tar.xz trinkets-fe4b4fdf7cbbf27ab96b4618ab0d3f39b02a04ce.tar.zst trinkets-fe4b4fdf7cbbf27ab96b4618ab0d3f39b02a04ce.zip | |
Initial commit
Get the skeleton (hehe) started
Diffstat (limited to '')
| -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> |