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

30
pages/index.vue
View File

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