Fix logo navbar : contrainte max-height absolue sur l'image

Remplace le chaînage h-full (non fiable avec flex items-center)
par un max-height inline directement sur l'image : 40px max dans
une barre de 64px, centrée verticalement par le flex parent.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-04 18:52:51 +02:00
parent b608501f39
commit e6f4d0c565
+5 -5
View File
@@ -2,13 +2,13 @@
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex">
<!-- Logo -->
<div class="shrink-0 flex items-center py-1.5">
<a href="{{ route('dashboard') }}" class="flex items-center h-full">
<!-- Logo max-h contraint sur l'image directement, sans chaîne h-full -->
<div class="shrink-0 flex items-center">
<a href="{{ route('dashboard') }}" class="flex items-center">
@if($siteLogoUrl)
{{-- Le logo s'adapte à la hauteur de la barre de navigation --}}
<img src="{{ $siteLogoUrl }}" alt="{{ config('app.name') }}"
class="h-full w-auto object-contain max-w-[200px]">
class="block w-auto object-contain"
style="max-height: 40px; max-width: 200px;">
@else
<span class="font-semibold text-gray-800 text-lg">{{ config('app.name') }}</span>
@endif