RyderTech/nlcc-itinerary
1
0
Fork 0
Code Issues Pull Requests Packages Activity

layout fixes

Browse Source
This commit is contained in:
Joshua Ryder
2025-10-12 00:39:14 -04:00
parent e05b5a032d
commit 7a481f5004
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
pages/index.vue
View File

@@ -9,12 +9,20 @@
<img src="/logos/logo.png" alt="New Life Christian Church" class="h-16 w-auto" />
<ClientOnly fallback-tag="div">
<template v-if="isAuthenticated">
<div class="flex items-center gap-2">
<NuxtLink
to="/profile"
class="px-3 py-2 text-sm font-medium text-blue-700 bg-blue-50 rounded-md hover:bg-blue-100 whitespace-nowrap"
>
Edit Profile
</NuxtLink>
<button
@click="handleLogout"
class="px-4 py-2 text-sm font-medium text-red-700 bg-red-50 rounded-md hover:bg-red-100"
class="px-3 py-2 text-sm font-medium text-red-700 bg-red-50 rounded-md hover:bg-red-100 whitespace-nowrap"
>
Log Out
</button>
</div>
</template>
<NuxtLink
v-else
@@ -26,27 +34,19 @@
</ClientOnly>
</div>
<ClientOnly fallback-tag="div">
<div v-if="isAuthenticated" class="flex items-center justify-center gap-2">
<div v-if="isAuthenticated && isAdmin" class="flex items-center justify-center gap-2">
<NuxtLink
v-if="isAdmin"
to="/admin"
class="px-3 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 font-medium text-xs whitespace-nowrap"
>
Manage Sermons
</NuxtLink>
<NuxtLink
v-if="isAdmin"
to="/users"
class="px-3 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 font-medium text-xs whitespace-nowrap"
>
Manage Users
</NuxtLink>
<NuxtLink
to="/profile"
class="px-3 py-2 text-xs font-medium text-blue-700 bg-blue-50 rounded-md hover:bg-blue-100 whitespace-nowrap"
>
Edit Profile
</NuxtLink>
</div>
</ClientOnly>
</div>