Spaces:
Running
Running
File size: 2,301 Bytes
1b44660 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
<script lang="ts" setup>
import { SunIcon, MoonIcon } from '@heroicons/vue/20/solid';
</script>
<template>
<div>
<div class="max-w-3xl mx-auto px-6 w-full flex-1">
<nav class="py-4">
<ul class="flex space-x-4 items-center font-medium">
<div class="flex w-full flex-row gap-4">
<li>
<NuxtLink class="hover:underline" active-class="underline" to="/"> home </NuxtLink>
</li>
<li>
<NuxtLink class="hover:underline" active-class="underline" to="/briefs"> briefs </NuxtLink>
</li>
<li v-if="useUserSession().loggedIn.value">
<NuxtLink class="hover:underline" active-class="underline" to="/admin"> admin </NuxtLink>
</li>
</div>
<ClientOnly>
<button
v-if="$colorMode.value === 'dark'"
class="hover:cursor-pointer"
aria-label="Switch to light mode"
@click="$colorMode.preference = 'light'"
>
<SunIcon class="w-5 h-5 text-zinc-700 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-600" />
</button>
<button
v-if="$colorMode.value === 'light'"
class="hover:cursor-pointer"
aria-label="Switch to dark mode"
@click="$colorMode.preference = 'dark'"
>
<MoonIcon class="w-5 h-5 text-zinc-700 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-600" />
</button>
</ClientOnly>
</ul>
</nav>
<div class="h-px w-full bg-gray-300 mb-4" />
<NuxtPage />
</div>
<footer>
<div class="max-w-3xl mx-auto px-6 py-4">
<div class="h-px w-full bg-gray-300 mb-4" />
<p class="text-sm text-center">
built by
<strong class="underline"><NuxtLink :to="`https://iliane.xyz`">iliane</NuxtLink></strong>
·
<span
>open source on
<strong class="underline"
><NuxtLink to="https://github.com/iliane5/meridian" target="_blank" rel="noopener noreferrer"
>github</NuxtLink
></strong
></span
>
</p>
</div>
</footer>
</div>
</template>
|