naser
/
libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

moved the notification bel from the side bar to the top of the page

This commit is contained in:
Naser Mansour 2026-01-09 16:02:47 +02:00
parent a47ebbcbca
commit 22baa976fa
1 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
resources/views/components/layouts/app/sidebar.blade.php
View File

@ -191,26 +191,6 @@
<flux:spacer />
@if (auth()->user()->isAdmin())
@php
$pendingCount = \App\Models\Consultation::pending()->count();
@endphp
<div class="px-3 py-2">
<a
href="{{ route('admin.bookings.pending') }}"
class="relative inline-flex items-center rounded-lg p-2 text-zinc-600 transition-colors hover:bg-zinc-100"
wire:navigate
>
<flux:icon name="bell" class="h-5 w-5" />
@if ($pendingCount > 0)
<span class="absolute -top-1 end-0 flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1 text-xs font-medium text-white">
{{ $pendingCount > 99 ? '99+' : $pendingCount }}
</span>
@endif
</a>
</div>
@endif
<flux:navlist variant="outline">
<flux:navlist.item icon="folder-git-2" href="https://github.com/laravel/livewire-starter-kit" target="_blank">
{{ __('Repository') }}
@ -344,6 +324,27 @@
</flux:dropdown>
</flux:header>
<!-- Desktop Top Bar -->
<div class="hidden lg:flex items-center justify-end gap-4 px-6 py-3 border-b border-zinc-200 bg-white" style="margin-inline-start: 16rem;">
@if (auth()->user()->isAdmin())
@php
$pendingCount = \App\Models\Consultation::pending()->count();
@endphp
<a
href="{{ route('admin.bookings.pending') }}"
class="relative inline-flex items-center rounded-lg p-2 text-zinc-600 transition-colors hover:bg-zinc-100"
wire:navigate
>
<flux:icon name="bell" class="h-5 w-5" />
@if ($pendingCount > 0)
<span class="absolute -top-1 end-0 flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1 text-xs font-medium text-white">
{{ $pendingCount > 99 ? '99+' : $pendingCount }}
</span>
@endif
</a>
@endif
</div>
{{ $slot }}
@fluxScripts