27 lines
891 B
Svelte
27 lines
891 B
Svelte
<script lang="ts">
|
|
// The ordering of these imports is critical to your app working properly
|
|
import '@skeletonlabs/skeleton/themes/theme-crimson.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">
|
|
<a href="/"><strong class="text-xl uppercase">Sumi Ai</strong></a>
|
|
</svelte:fragment>
|
|
<svelte:fragment slot="trail">
|
|
<a class="btn btn-sm variant-ringed-tertiary" href="/about"> About </a>
|
|
</svelte:fragment>
|
|
</AppBar>
|
|
</svelte:fragment>
|
|
<!-- Page Route Content -->
|
|
<slot />
|
|
</AppShell>
|