propapier/app/components/Pp/Header.vue
webfussel aa9c936f80 add: design, icons, calculation
Implemented new design for PriceCards, added some icons for visuals, added calculation per price card
2025-02-13 21:21:56 +01:00

22 lines
No EOL
535 B
Vue

<template>
<header class="Header">
<strong><span>Pro</span>Papier</strong>
<label for="burger_nav_toggle">
<Icon name="solar:hamburger-menu-broken" size="2em" />
</label>
<input type="checkbox" id="burger_nav_toggle" />
<nav class="flex-col">
<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>
</template>
<script setup lang="ts">
</script>