mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-04-27 01:21:22 +00:00
34 lines
No EOL
884 B
Svelte
34 lines
No EOL
884 B
Svelte
<script lang="ts">
|
|
import { AppBar, LightSwitch, ProgressBar, drawerStore } from '@skeletonlabs/skeleton';
|
|
import GitHub from './icons/GitHub.svelte';
|
|
import Hamburger from './icons/Hamburger.svelte';
|
|
|
|
export let progress: number;
|
|
|
|
function drawerOpen(): void {
|
|
drawerStore.open();
|
|
}
|
|
</script>
|
|
|
|
<AppBar>
|
|
<svelte:fragment slot="lead">
|
|
<button class="md:hidden btn btn-sm mr-4" on:click={drawerOpen}>
|
|
<span>
|
|
<Hamburger />
|
|
</span>
|
|
</button>
|
|
<img src="./icon.svg" alt="Logo" srcset="" class="pr-2" />
|
|
<code class="code">hellob.art</code>
|
|
</svelte:fragment>
|
|
<svelte:fragment slot="trail">
|
|
<a
|
|
href="https://github.com/bartvdbraak"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="btn-icon variant-primary"><GitHub /></a
|
|
>
|
|
<LightSwitch />
|
|
</svelte:fragment>
|
|
</AppBar>
|
|
|
|
<ProgressBar label="Progress Bar" value={progress} max={100} rounded="" /> |