75 lines
2.3 KiB
Svelte
75 lines
2.3 KiB
Svelte
<script>
|
|
import Chevron from '$lib/icons/Chevron-right.svelte';
|
|
import Login from '$lib/icons/Login.svelte';
|
|
import Profile from '$lib/icons/Profile.svelte';
|
|
|
|
export let data;
|
|
</script>
|
|
|
|
<div class="h-screen v-screen flex flex-col">
|
|
<div class="flex flex-col h-full">
|
|
<header class="flex-none relative isolate z-10 bg-white px-8">
|
|
<nav
|
|
class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8"
|
|
aria-label="Global"
|
|
>
|
|
<div class="flex w-48">
|
|
<a href="/" class="-m-1.5 p-1.5 w-10">
|
|
<span class="sr-only">Tatort Niedersachen</span>
|
|
<img class="h-8 w-auto" src="/Landeswappen_NI.svg" alt="Landeswappen Niedersachsen" />
|
|
</a>
|
|
</div>
|
|
<h1 class="text-3xl text-slate-400 font-bold">Tatort</h1>
|
|
<div class="lg:flex lg:justify-end w-48">
|
|
{#if data.user}
|
|
<form method="POST" action="/anmeldung?/logout">
|
|
<input type="hidden" />
|
|
<button type="submit" class="text-sm font-semibold leading-6 text-gray-900"
|
|
><span
|
|
><span class="align-middle inline-block">Abmelden</span><span
|
|
class="align-middle inline-block"><Chevron /></span
|
|
></span
|
|
></button
|
|
>
|
|
</form>
|
|
{/if}
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<div class="h-full grow overflow-scroll">
|
|
<slot />
|
|
</div>
|
|
<div class="flex-none">
|
|
<footer class="justify-end">
|
|
<div class="bg-gray-100">
|
|
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
|
<div class="flex justify-between divide-x divide-gray-900/5 border-x border-gray-900/5">
|
|
<a
|
|
href="/list"
|
|
class="px-4 py-1 -ml-4 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
|
|
>
|
|
© 2023 Innovation Hub Niedersachen
|
|
</a>
|
|
<a
|
|
href="/"
|
|
class="px-4 py-1 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
|
|
>
|
|
back
|
|
</a>
|
|
<a
|
|
href="/"
|
|
class="px-4 py-1 -mr-4 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
|
|
>
|
|
<!--icon-->
|
|
<Profile />
|
|
|
|
{data.user.id}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|