redone 12.3
This commit is contained in:
@@ -17,7 +17,7 @@
|
||||
<!-- Hamburger Button -->
|
||||
<button
|
||||
@click="mobileMenuOpen = !mobileMenuOpen"
|
||||
class="p-2 text-off-white hover:text-accent focus:outline-none min-h-[44px] min-w-[44px] flex items-center justify-center"
|
||||
class="p-2 text-off-white hover:text-cta 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-off-white hover:text-accent transition-colors py-2',
|
||||
'border-b-2 border-accent' => request()->routeIs('home'),
|
||||
'text-off-white hover:text-cta transition-colors py-2',
|
||||
'border-b-2 border-cta' => request()->routeIs('home'),
|
||||
])
|
||||
wire:navigate
|
||||
data-test="nav-home"
|
||||
@@ -57,8 +57,8 @@
|
||||
<a
|
||||
href="{{ route('booking') }}"
|
||||
@class([
|
||||
'text-off-white hover:text-accent transition-colors py-2',
|
||||
'border-b-2 border-accent' => request()->routeIs('booking*'),
|
||||
'text-off-white hover:text-cta transition-colors py-2',
|
||||
'border-b-2 border-cta' => request()->routeIs('booking*'),
|
||||
])
|
||||
wire:navigate
|
||||
data-test="nav-booking"
|
||||
@@ -68,8 +68,8 @@
|
||||
<a
|
||||
href="{{ route('posts.index') }}"
|
||||
@class([
|
||||
'text-off-white hover:text-accent transition-colors py-2',
|
||||
'border-b-2 border-accent' => request()->routeIs('posts*'),
|
||||
'text-off-white hover:text-cta transition-colors py-2',
|
||||
'border-b-2 border-cta' => request()->routeIs('posts*'),
|
||||
])
|
||||
wire:navigate
|
||||
data-test="nav-posts"
|
||||
@@ -84,8 +84,8 @@
|
||||
<a
|
||||
href="{{ $dashboardRoute }}"
|
||||
@class([
|
||||
'text-off-white hover:text-accent transition-colors py-2',
|
||||
'border-b-2 border-accent' => request()->routeIs('*.dashboard'),
|
||||
'text-off-white hover:text-cta transition-colors py-2',
|
||||
'border-b-2 border-cta' => request()->routeIs('*.dashboard'),
|
||||
])
|
||||
wire:navigate
|
||||
data-test="nav-dashboard"
|
||||
@@ -96,7 +96,7 @@
|
||||
@csrf
|
||||
<button
|
||||
type="submit"
|
||||
class="text-off-white hover:text-accent transition-colors py-2"
|
||||
class="text-off-white hover:text-cta transition-colors py-2"
|
||||
data-test="nav-logout"
|
||||
>
|
||||
{{ __('navigation.logout') }}
|
||||
@@ -106,8 +106,8 @@
|
||||
<a
|
||||
href="{{ route('login') }}"
|
||||
@class([
|
||||
'text-off-white hover:text-accent transition-colors py-2',
|
||||
'border-b-2 border-accent' => request()->routeIs('login'),
|
||||
'text-off-white hover:text-cta transition-colors py-2',
|
||||
'border-b-2 border-cta' => 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-primary border-t border-accent/20"
|
||||
class="md:hidden bg-primary border-t border-cta/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-off-white hover:text-accent hover:bg-primary-hover rounded-md min-h-[44px] flex items-center',
|
||||
'bg-primary-hover border-s-2 border-accent' => request()->routeIs('home'),
|
||||
'block px-3 py-3 text-off-white hover:text-cta hover:bg-primary-light rounded-md min-h-[44px] flex items-center',
|
||||
'bg-active border-s-2 border-cta' => request()->routeIs('home'),
|
||||
])
|
||||
wire:navigate
|
||||
@click="mobileMenuOpen = false"
|
||||
@@ -159,8 +159,8 @@
|
||||
<a
|
||||
href="{{ route('booking') }}"
|
||||
@class([
|
||||
'block px-3 py-3 text-off-white hover:text-accent hover:bg-primary-hover rounded-md min-h-[44px] flex items-center',
|
||||
'bg-primary-hover border-s-2 border-accent' => request()->routeIs('booking*'),
|
||||
'block px-3 py-3 text-off-white hover:text-cta hover:bg-primary-light rounded-md min-h-[44px] flex items-center',
|
||||
'bg-active border-s-2 border-cta' => request()->routeIs('booking*'),
|
||||
])
|
||||
wire:navigate
|
||||
@click="mobileMenuOpen = false"
|
||||
@@ -171,8 +171,8 @@
|
||||
<a
|
||||
href="{{ route('posts.index') }}"
|
||||
@class([
|
||||
'block px-3 py-3 text-off-white hover:text-accent hover:bg-primary-hover rounded-md min-h-[44px] flex items-center',
|
||||
'bg-primary-hover border-s-2 border-accent' => request()->routeIs('posts*'),
|
||||
'block px-3 py-3 text-off-white hover:text-cta hover:bg-primary-light rounded-md min-h-[44px] flex items-center',
|
||||
'bg-active border-s-2 border-cta' => request()->routeIs('posts*'),
|
||||
])
|
||||
wire:navigate
|
||||
@click="mobileMenuOpen = false"
|
||||
@@ -188,8 +188,8 @@
|
||||
<a
|
||||
href="{{ $dashboardRoute }}"
|
||||
@class([
|
||||
'block px-3 py-3 text-off-white hover:text-accent hover:bg-primary-hover rounded-md min-h-[44px] flex items-center',
|
||||
'bg-primary-hover border-s-2 border-accent' => request()->routeIs('*.dashboard'),
|
||||
'block px-3 py-3 text-off-white hover:text-cta hover:bg-primary-light rounded-md min-h-[44px] flex items-center',
|
||||
'bg-active border-s-2 border-cta' => 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-off-white hover:text-accent hover:bg-primary-hover rounded-md min-h-[44px] flex items-center"
|
||||
class="w-full text-start px-3 py-3 text-off-white hover:text-cta hover:bg-primary-light 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-off-white hover:text-accent hover:bg-primary-hover rounded-md min-h-[44px] flex items-center',
|
||||
'bg-primary-hover border-s-2 border-accent' => request()->routeIs('login'),
|
||||
'block px-3 py-3 text-off-white hover:text-cta hover:bg-primary-light rounded-md min-h-[44px] flex items-center',
|
||||
'bg-active border-s-2 border-cta' => request()->routeIs('login'),
|
||||
])
|
||||
wire:navigate
|
||||
@click="mobileMenuOpen = false"
|
||||
|
||||
Reference in New Issue
Block a user