Fix favicon location and hydration mismatch by moving logos to public directory and wrapping auth UI in ClientOnly

This commit is contained in:
2025-10-01 22:35:19 -04:00
parent af72305c80
commit da5135d615
3 changed files with 20 additions and 18 deletions

View File

@@ -8,6 +8,7 @@
<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" />
</div> </div>
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<ClientOnly>
<template v-if="isAuthenticated"> <template v-if="isAuthenticated">
<NuxtLink <NuxtLink
to="/admin" to="/admin"
@@ -29,6 +30,7 @@
> >
Admin Login Admin Login
</NuxtLink> </NuxtLink>
</ClientOnly>
</div> </div>
</div> </div>
<div class="text-center mt-6"> <div class="text-center mt-6">

BIN
public/logos/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

BIN
public/logos/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 343 KiB