50 lines
1.3 KiB
Svelte
50 lines
1.3 KiB
Svelte
|
<script lang='ts'>
|
||
|
|
// The ordering of these imports is critical to your app working properly
|
||
|
|
import '@skeletonlabs/skeleton/themes/theme-skeleton.css';
|
||
|
|
// If you have source.organizeImports set to true in VSCode, then it will auto change this ordering
|
||
|
|
import '@skeletonlabs/skeleton/styles/all.css';
|
||
|
|
// Most of your app wide CSS should be put in this file
|
||
|
|
import '../app.postcss';
|
||
|
|
import { AppShell, AppBar } from '@skeletonlabs/skeleton';
|
||
|
|
</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>
|