style(nav): reduce spacing between language switcher, notification bell, and user menu

This commit is contained in:
Javier Braña
2026-08-04 09:30:15 +02:00
parent 0af98fb49d
commit 1a61e219c6
2 changed files with 6 additions and 5 deletions
@@ -2,12 +2,13 @@
<x-slot name="trigger">
<button class="btn btn-ghost btn-sm gap-2" type="button">
<img src="{{ asset('images/flags/' . ($languages[$currentLocale]['flag'] ?? 'gb.svg')) }}"
class="w-5 h-4 rounded-sm border border-base-300"
class="w-5 h-4 rounded-sm"
alt="{{ $languages[$currentLocale]['name'] ?? 'English' }}">
<!--
<span class="hidden sm:inline">{{ $languages[$currentLocale]['name'] ?? 'English' }}</span>
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</svg> -->
</button>
</x-slot>
@@ -75,17 +75,17 @@ new class extends Component
</div>
<!-- Language Switcher -->
<div class="hidden sm:flex sm:items-center sm:ms-6">
<div class="hidden sm:flex sm:items-center sm:ms-2">
@livewire('common.language-switcher')
</div>
<!-- Notification Bell -->
<div class="hidden sm:flex sm:items-center sm:ms-2">
<div class="hidden sm:flex sm:items-center sm:ms-1">
@livewire('common.notification-bell')
</div>
<!-- Settings Dropdown -->
<div class="hidden sm:flex sm:items-center sm:ms-2">
<div class="hidden sm:flex sm:items-center sm:ms-1">
<x-dropdown align="right" width="48">
<x-slot name="trigger">
<button class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:text-gray-700 focus:outline-none transition ease-in-out duration-150">