32 lines
1.3 KiB
Svelte
32 lines
1.3 KiB
Svelte
|
<script lang="ts">
|
||
|
|
import '../app.css';
|
||
|
|
let { children } = $props();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div class="min-h-screen bg-gray-50">
|
||
|
|
<!-- Navigation -->
|
||
|
|
<nav class="bg-white border-b border-gray-200 shadow-sm">
|
||
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
|
|
<div class="flex justify-between h-16">
|
||
|
|
<div class="flex items-center space-x-8">
|
||
|
|
<a href="/" class="text-xl font-bold text-gray-900">
|
||
|
|
Antragstracker <span class="text-green-600">Hagen</span>
|
||
|
|
</a>
|
||
|
|
<div class="hidden sm:flex space-x-4">
|
||
|
|
<a href="/" class="text-gray-600 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>
|
||
|
|
<a href="/ketten" class="text-gray-600 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium">Ketten</a>
|
||
|
|
<a href="/vorlagen" class="text-gray-600 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium">Vorlagen</a>
|
||
|
|
<a href="/abstimmungen" class="text-gray-600 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium">Abstimmungen</a>
|
||
|
|
<a href="/karte" class="text-gray-600 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium">Karte</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<!-- Content -->
|
||
|
|
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||
|
|
{@render children()}
|
||
|
|
</main>
|
||
|
|
</div>
|