CGL/mesreleves-php
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

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

Browse Source 
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:
Yannick Barbel
2026-06-04 18:52:51 +02:00
parent b608501f39
commit e6f4d0c565
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/layouts/navigation.blade.php
+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="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16"> <div class="flex justify-between h-16">
<div class="flex"> <div class="flex">
<!-- Logo --> <!-- Logo — max-h contraint sur l'image directement, sans chaîne h-full -->
<div class="shrink-0 flex items-center py-1.5"> <div class="shrink-0 flex items-center">
<a href="{{ route('dashboard') }}" class="flex items-center h-full"> <a href="{{ route('dashboard') }}" class="flex items-center">
@if($siteLogoUrl) @if($siteLogoUrl)
{{-- Le logo s'adapte à la hauteur de la barre de navigation --}}
<img src="{{ $siteLogoUrl }}" alt="{{ config('app.name') }}" <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 @else
<span class="font-semibold text-gray-800 text-lg">{{ config('app.name') }}</span> <span class="font-semibold text-gray-800 text-lg">{{ config('app.name') }}</span>
@endif @endif