marek/haushalt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Base module

Browse Source
This commit is contained in:
Marek Lenczewski
2026-04-11 14:11:23 +02:00
parent 4477b664ff
commit afc02abd0a
6 changed files with 139 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/App.vue
View File

@@ -3,5 +3,49 @@ import { RouterView } from 'vue-router'
</script>
<template>
<RouterView />
<header class="navigation">
<div class="container">
<span class="brand">Haushalt</span>
</div>
</header>
<nav class="subnavigation">
<div class="container"></div>
</nav>
<main class="main-area">
<div class="container">
<RouterView />
</div>
</main>
</template>
<style scoped>
.navigation {
background: var(--nav-bg);
border-bottom: 1px solid var(--border);
}
.navigation .container {
display: flex;
align-items: center;
height: 3rem;
}
.brand {
font-size: 1.125rem;
font-weight: 600;
}
.subnavigation {
background: var(--subnav-bg);
border-bottom: 1px solid var(--border);
}
.subnavigation .container {
height: 2rem;
}
.main-area .container {
padding-top: 1rem;
padding-bottom: 1rem;
}
</style>