propapier/app/components/Pp/Header.vue
webfussel 1bd69c9c97 add: subheader
Subheader for dynamic content
2025-05-10 18:36:42 +02:00

27 lines
720 B
Vue
Executable file

<template>
<div class="Header">
<header>
<NuxtLink class="header-text" to="/">
ProPapier
</NuxtLink>
<label for="burger_nav_toggle" v-if="available">
<Icon name="solar:hamburger-menu-broken" size="2em" />
</label>
<input type="checkbox" id="burger_nav_toggle" v-if="available" />
<nav class="flex-col" v-if="available">
<label for="burger_nav_toggle">
<Icon name="solar:close-circle-broken" />
</label>
<ul class="flex-col">
<li>Home</li>
<li>Übersicht</li>
</ul>
</nav>
</header>
<div id="subheader" />
</div>
</template>
<script setup lang="ts">
const available = false
</script>