pswsm/svelte-ts
1
0
Fork 0
Codi Incidències 4 Sol·licituds Pull Paquets Projectes 1 Llançaments 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">
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 pageTitle: string = "Default Title";
export let togleDarkModeButton: boolean = true;
export let toggleDarkModeButton: boolean = true;
</script>
<Navbar let:hidden let:toggle color="form">
<NavBrand href="/">
<span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
<Navbar let:hidden let:toggle color="form" navDivClass="mx-auto flex flex-wrap justify-around items-center">
<NavBrand href="/">
<span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
{ pageTitle.toUpperCase() }
</span>
</NavBrand>
<NavHamburger on:click={toggle} />
<NavUl {hidden}>
{#each navobjs as navElem}
<NavLi href="{ navElem.link }">{ navElem.text }</NavLi>
{/each}
</NavUl>
{#if togleDarkModeButton}
<DarkMode class='p-0' />
{/if}
</NavBrand>
<NavHamburger on:click={toggle} />
<div class="flex">
<NavUl {hidden}>
{#each navobjs as navElem}
<NavLi href="{ navElem.link }">{ navElem.text }</NavLi>
{/each}
</NavUl>
{#if toggleDarkModeButton}
<DarkMode class='p-0' />
{/if}
</div>
</Navbar>