style(branding): fix squished mobile header logo
All checks were successful
Build MapleDeploy Coolify Image / build (push) Successful in 1m30s

This commit is contained in:
rosslh 2026-04-20 20:44:56 -04:00
parent 135d8a92b0
commit cdbe818adc

View file

@ -48,10 +48,11 @@
<div
class="sticky top-0 z-40 flex items-center justify-between px-4 py-4 gap-x-6 sm:px-6 lg:hidden bg-white/95 dark:bg-base/95 backdrop-blur-sm border-b border-neutral-300/50 dark:border-coolgray-200/50">
<div class="flex items-center gap-3 flex-shrink-0">
<a href="/" class="hover:opacity-80 transition-opacity">
<img src="https://mapledeploy.ca/api/logo/lockup?height=32" alt="MapleDeploy" class="h-5 w-auto dark:hidden" />
<img src="https://mapledeploy.ca/api/logo/lockup?height=32&dark=true" alt="MapleDeploy" class="hidden h-5 w-auto dark:block" />
{{-- MapleDeploy branding --}}
<div class="flex items-center gap-3 min-w-0 flex-1">
<a href="/" class="hover:opacity-80 transition-opacity min-w-0">
<img src="https://mapledeploy.ca/api/logo/lockup?height=40" alt="MapleDeploy" class="max-h-6 w-auto max-w-full dark:hidden" />
<img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden max-h-6 w-auto max-w-full dark:block" />
</a>
<livewire:switch-team />
</div>