43 lines
1.0 KiB
Svelte
43 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import { views } from '$lib/artefact';
|
|
import { state } from '$lib/view.svelte';
|
|
import '../app.css';
|
|
import { Navbar, NavBrand, NavLi, NavUl, NavHamburger, Select } from 'flowbite-svelte';
|
|
let { children } = $props();
|
|
|
|
$inspect(state.view);
|
|
</script>
|
|
|
|
<!-- <svelte:head>Repo Mod</svelte:head> -->
|
|
|
|
<Navbar>
|
|
<NavBrand href="/">
|
|
<span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white">Repo Mod</span
|
|
>
|
|
</NavBrand>
|
|
|
|
<NavHamburger />
|
|
<NavUl>
|
|
<Select
|
|
value={state.view}
|
|
onchange={(e) => {
|
|
state.view = (e.target as HTMLSelectElement).value;
|
|
}}
|
|
items={views.map((value) => ({
|
|
value,
|
|
name: value
|
|
}))}
|
|
/>
|
|
|
|
<!-- <NavLi href="/">Home</NavLi> -->
|
|
<!-- <NavLi href="/about">About</NavLi> -->
|
|
<!-- <NavLi href="/docs/components/navbar">Navbar</NavLi> -->
|
|
<!-- <NavLi href="/pricing">Pricing</NavLi> -->
|
|
<!-- <NavLi href="/contact">Contact</NavLi> -->
|
|
</NavUl>
|
|
</Navbar>
|
|
|
|
<main class="mx-10 mt-5 xl:mx-44">
|
|
{@render children?.()}
|
|
</main>
|