geriou-bir/frontend/src/routes/+layout.svelte
2023-09-12 17:07:47 +02:00

32 lines
936 B
Svelte

<script>
import "../app.css";
import UserNavbar from "$lib/UserNavbar.svelte";
import NavLink from "../lib/NavLink.svelte";
import { page } from "$app/stores";
import "@fortawesome/fontawesome-free/css/all.min.css";
</script>
<svelte:head>
<title>Gerioù-bir</title>
</svelte:head>
<div
class="w-full md:my-4 md:w-full md:max-w-3xl m-auto bg-white md:rounded-lg"
>
<nav class="p-2 md:p-4 border-b flex flex-row justify-between">
<div><a href="/" class="font-bold">Gerioù-bir</a></div>
<div class="flex flex-row gap-2">
<NavLink href="/kaeliou" title="Kaelioù publik" />
<NavLink href="/ma_geriou" title="Ma gerioù" />
<NavLink href="/ma_chaeliou" title="Ma c'haelioù" />
<UserNavbar />
</div>
</nav>
<div class="p-2 md:p-4">
<slot />
</div>
<footer class="p-2 md:p-4 border-t">Footer</footer>
</div>