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

complete story 10.2

Browse Source
This commit is contained in:
Naser Mansour
2026-01-03 03:29:51 +02:00
parent e758458df1
commit 44f291fbc3
19 changed files with 157 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/components/navigation.blade.php
+25 -25
View File
@@ -1,6 +1,6 @@
<nav
x-data="{ mobileMenuOpen: false }"
class="fixed top-0 inset-x-0 z-50 bg-navy"
class="fixed top-0 inset-x-0 z-50 bg-charcoal"
data-test="main-navigation"
>
<div class="max-w-[1200px] mx-auto px-4">
@@ -17,7 +17,7 @@
<!-- Hamburger Button -->
<button
@click="mobileMenuOpen = !mobileMenuOpen"
class="p-2 text-gold hover:text-gold-light focus:outline-none min-h-[44px] min-w-[44px] flex items-center justify-center"
class="p-2 text-off-white hover:text-warm-gray focus:outline-none min-h-[44px] min-w-[44px] flex items-center justify-center"
:aria-expanded="mobileMenuOpen"
aria-label="{{ __('Toggle navigation menu') }}"
data-test="mobile-menu-button"
@@ -46,8 +46,8 @@
<a
href="{{ route('home') }}"
@class([
'text-gold hover:text-gold-light transition-colors py-2',
'border-b-2 border-gold' => request()->routeIs('home'),
'text-off-white hover:text-warm-gray transition-colors py-2',
'border-b-2 border-warm-gray' => request()->routeIs('home'),
])
wire:navigate
data-test="nav-home"
@@ -57,8 +57,8 @@
<a
href="{{ route('booking') }}"
@class([
'text-gold hover:text-gold-light transition-colors py-2',
'border-b-2 border-gold' => request()->routeIs('booking*'),
'text-off-white hover:text-warm-gray transition-colors py-2',
'border-b-2 border-warm-gray' => request()->routeIs('booking*'),
])
wire:navigate
data-test="nav-booking"
@@ -68,8 +68,8 @@
<a
href="{{ route('posts.index') }}"
@class([
'text-gold hover:text-gold-light transition-colors py-2',
'border-b-2 border-gold' => request()->routeIs('posts*'),
'text-off-white hover:text-warm-gray transition-colors py-2',
'border-b-2 border-warm-gray' => request()->routeIs('posts*'),
])
wire:navigate
data-test="nav-posts"
@@ -84,8 +84,8 @@
<a
href="{{ $dashboardRoute }}"
@class([
'text-gold hover:text-gold-light transition-colors py-2',
'border-b-2 border-gold' => request()->routeIs('*.dashboard'),
'text-off-white hover:text-warm-gray transition-colors py-2',
'border-b-2 border-warm-gray' => request()->routeIs('*.dashboard'),
])
wire:navigate
data-test="nav-dashboard"
@@ -96,7 +96,7 @@
@csrf
<button
type="submit"
class="text-gold hover:text-gold-light transition-colors py-2"
class="text-off-white hover:text-warm-gray transition-colors py-2"
data-test="nav-logout"
>
{{ __('navigation.logout') }}
@@ -106,8 +106,8 @@
<a
href="{{ route('login') }}"
@class([
'text-gold hover:text-gold-light transition-colors py-2',
'border-b-2 border-gold' => request()->routeIs('login'),
'text-off-white hover:text-warm-gray transition-colors py-2',
'border-b-2 border-warm-gray' => request()->routeIs('login'),
])
wire:navigate
data-test="nav-login"
@@ -137,7 +137,7 @@
x-cloak
@click.away="mobileMenuOpen = false"
@keydown.escape.window="mobileMenuOpen = false"
class="md:hidden bg-navy border-t border-gold/20"
class="md:hidden bg-charcoal border-t border-warm-gray/20"
role="dialog"
aria-modal="true"
aria-label="{{ __('Mobile navigation menu') }}"
@@ -147,8 +147,8 @@
<a
href="{{ route('home') }}"
@class([
'block px-3 py-3 text-gold hover:text-gold-light hover:bg-navy/80 rounded-md min-h-[44px] flex items-center',
'bg-navy/50 border-s-2 border-gold' => request()->routeIs('home'),
'block px-3 py-3 text-off-white hover:text-warm-gray hover:bg-charcoal/80 rounded-md min-h-[44px] flex items-center',
'bg-charcoal/50 border-s-2 border-warm-gray' => request()->routeIs('home'),
])
wire:navigate
@click="mobileMenuOpen = false"
@@ -159,8 +159,8 @@
<a
href="{{ route('booking') }}"
@class([
'block px-3 py-3 text-gold hover:text-gold-light hover:bg-navy/80 rounded-md min-h-[44px] flex items-center',
'bg-navy/50 border-s-2 border-gold' => request()->routeIs('booking*'),
'block px-3 py-3 text-off-white hover:text-warm-gray hover:bg-charcoal/80 rounded-md min-h-[44px] flex items-center',
'bg-charcoal/50 border-s-2 border-warm-gray' => request()->routeIs('booking*'),
])
wire:navigate
@click="mobileMenuOpen = false"
@@ -171,8 +171,8 @@
<a
href="{{ route('posts.index') }}"
@class([
'block px-3 py-3 text-gold hover:text-gold-light hover:bg-navy/80 rounded-md min-h-[44px] flex items-center',
'bg-navy/50 border-s-2 border-gold' => request()->routeIs('posts*'),
'block px-3 py-3 text-off-white hover:text-warm-gray hover:bg-charcoal/80 rounded-md min-h-[44px] flex items-center',
'bg-charcoal/50 border-s-2 border-warm-gray' => request()->routeIs('posts*'),
])
wire:navigate
@click="mobileMenuOpen = false"
@@ -188,8 +188,8 @@
<a
href="{{ $dashboardRoute }}"
@class([
'block px-3 py-3 text-gold hover:text-gold-light hover:bg-navy/80 rounded-md min-h-[44px] flex items-center',
'bg-navy/50 border-s-2 border-gold' => request()->routeIs('*.dashboard'),
'block px-3 py-3 text-off-white hover:text-warm-gray hover:bg-charcoal/80 rounded-md min-h-[44px] flex items-center',
'bg-charcoal/50 border-s-2 border-warm-gray' => request()->routeIs('*.dashboard'),
])
wire:navigate
@click="mobileMenuOpen = false"
@@ -201,7 +201,7 @@
@csrf
<button
type="submit"
class="w-full text-start px-3 py-3 text-gold hover:text-gold-light hover:bg-navy/80 rounded-md min-h-[44px] flex items-center"
class="w-full text-start px-3 py-3 text-off-white hover:text-warm-gray hover:bg-charcoal/80 rounded-md min-h-[44px] flex items-center"
data-test="mobile-nav-logout"
>
{{ __('navigation.logout') }}
@@ -211,8 +211,8 @@
<a
href="{{ route('login') }}"
@class([
'block px-3 py-3 text-gold hover:text-gold-light hover:bg-navy/80 rounded-md min-h-[44px] flex items-center',
'bg-navy/50 border-s-2 border-gold' => request()->routeIs('login'),
'block px-3 py-3 text-off-white hover:text-warm-gray hover:bg-charcoal/80 rounded-md min-h-[44px] flex items-center',
'bg-charcoal/50 border-s-2 border-warm-gray' => request()->routeIs('login'),
])
wire:navigate
@click="mobileMenuOpen = false"