pswsm/svelte-ts
1
0
Fork 0
Codi Incidències 4 Sol·licituds Pull repo.project 1 Llançaments Paquets Wiki Activitat

I dont remember

Explorar la Font
This commit is contained in:
Pau Figueras 2023-03-13 20:38:31 +01:00
pare 7a1b040f1a
commit 0a81be7765
S'han modificat 1 arxius amb 17 adicions i 15 eliminacions
Mostrar estadístiques Descarregar el fitxer de pedaç Descarregar el fitxer de diferències Expand all files Collapse all files

32
src/lib/navbar.svelte
Veure arxiu

@ -1,23 +1,25 @@
<script lang="ts"> <script lang="ts">
import { NavbarObject } from "../classes/NavObject"; import { NavbarObject } from "../classes/NavObject";
import { Navbar, NavBrand, NavLi, NavUl, NavHamburger, DarkMode } from 'flowbite-svelte'; import { Navbar, NavBrand, NavLi, NavUl, NavHamburger, DarkMode } from 'flowbite-svelte';
export let navobjs: NavbarObject[] = [new NavbarObject('#', 'No nav elements provided')]; export let navobjs: NavbarObject[] = [new NavbarObject('#', 'No nav elements provided')];
export let pageTitle: string = "Default Title"; export let pageTitle: string = "Default Title";
export let togleDarkModeButton: boolean = true; export let toggleDarkModeButton: boolean = true;
</script> </script>
<Navbar let:hidden let:toggle color="form"> <Navbar let:hidden let:toggle color="form" navDivClass="mx-auto flex flex-wrap justify-around items-center">
<NavBrand href="/"> <NavBrand href="/">
<span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white"> <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
{ pageTitle.toUpperCase() } { pageTitle.toUpperCase() }
</span> </span>
</NavBrand> </NavBrand>
<NavHamburger on:click={toggle} /> <NavHamburger on:click={toggle} />
<NavUl {hidden}> <div class="flex">
{#each navobjs as navElem} <NavUl {hidden}>
<NavLi href="{ navElem.link }">{ navElem.text }</NavLi> {#each navobjs as navElem}
{/each} <NavLi href="{ navElem.link }">{ navElem.text }</NavLi>
</NavUl> {/each}
{#if togleDarkModeButton} </NavUl>
<DarkMode class='p-0' /> {#if toggleDarkModeButton}
{/if} <DarkMode class='p-0' />
{/if}
</div>
</Navbar> </Navbar>