mirror of
https://github.com/BreizhHardware/ntfy_alerts.git
synced 2026-03-18 21:40:38 +01:00
42 lines
1.0 KiB
Vue
42 lines
1.0 KiB
Vue
<template>
|
|
<header class="py-6 bg-emerald-950 shadow-lg rounded-b-lg mb-4">
|
|
<div class="container mx-auto px-4 flex justify-between items-center">
|
|
<NuxtLink to="/" class="text-white hover:text-gray-200 transition-colors duration-200">
|
|
<h1 class="text-4xl font-bold tracking-wide">Github Ntfy</h1>
|
|
</NuxtLink>
|
|
|
|
<div v-if="auth.isAuthenticated" class="flex space-x-3">
|
|
<UButton
|
|
to="/settings"
|
|
variant="ghost"
|
|
color="white"
|
|
icon="i-heroicons-cog-6-tooth"
|
|
size="sm"
|
|
>
|
|
Settings
|
|
</UButton>
|
|
|
|
<UButton
|
|
@click="handleLogout"
|
|
variant="ghost"
|
|
color="white"
|
|
icon="i-heroicons-arrow-right-on-rectangle"
|
|
size="sm"
|
|
>
|
|
Logout
|
|
</UButton>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</template>
|
|
|
|
<script setup>
|
|
const auth = useAuth();
|
|
const router = useRouter();
|
|
|
|
const handleLogout = async () => {
|
|
await auth.logout();
|
|
router.push('/login');
|
|
};
|
|
</script>
|