fix: 🐛 Fix logo being broken

This commit is contained in:
Jesse Wierzbinski 2024-05-12 18:43:05 -10:00
parent 9632aadbde
commit 9393b09b82
No known key found for this signature in database
3 changed files with 4 additions and 6 deletions

View file

@ -14,8 +14,7 @@
<nav class="flex items-center justify-between p-6 lg:px-8" aria-label="Global">
<div class="flex lg:flex-1">
<NuxtLink href="/" class="-m-1.5 p-1.5">
<img crossorigin="anonymous" class="h-8 w-auto" src="https://cdn.lysand.org/logo.webp"
alt="Lysand logo" />
<img crossorigin="anonymous" class="h-8 w-auto" src="/logo.webp" alt="Lysand logo" />
</NuxtLink>
</div>
<div class="flex lg:hidden">
@ -40,8 +39,7 @@
class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-dark-800 px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-50/10">
<div class="flex items-center justify-between">
<NuxtLink href="/" class="-m-1.5 p-1.5">
<img crossorigin="anonymous" class="h-8 w-auto" src="https://cdn.lysand.org/logo.webp"
alt="Lysand Logo" />
<img crossorigin="anonymous" class="h-8 w-auto" src="/logo.webp" alt="Lysand Logo" />
</NuxtLink>
<button type="button" class="-m-2.5 rounded-md p-2.5 text-gray-200" @click="mobileMenuOpen = false">
<span class="sr-only">Close menu</span>

View file

@ -3,7 +3,7 @@
<!-- Progress bar stuck to top -->
<div class="fixed top-0 left-0 right-0 h-1.5 bg-pink-500" :style="{ width: `${progress}%` }"></div>
<div class="flex flex-col items-center justify-center gap-8">
<img src="https://cdn.lysand.org/logo.webp" class="size-20 animate-pulse" />
<img src="/logo.webp" class="size-20 animate-pulse" />
</div>
</div>
</template>

View file

@ -3,7 +3,7 @@
class="fixed h-dvh z-20 md:flex hidden flex-col p-4 bg-dark-800 gap-10 max-w-20 hover:max-w-72 duration-200 group">
<NuxtLink href="/">
<img crossorigin="anonymous" class="size-11 rounded ring-1 ring-white/10 hover:scale-105 duration-200"
src="https://cdn.lysand.org/logo.webp" alt="Lysand logo" />
src="/logo.webp" alt="Lysand logo" />
</NuxtLink>
<div class="flex flex-col gap-3">