color manual fixing
This commit is contained in:
@@ -1,22 +1,29 @@
|
||||
@props(['variant' => 'dark'])
|
||||
|
||||
<div class="flex items-center gap-2">
|
||||
<a
|
||||
href="{{ route('language.switch', 'ar') }}"
|
||||
@class([
|
||||
'text-sm px-2 py-1 rounded transition-colors min-h-[32px] flex items-center',
|
||||
'bg-accent text-text font-bold' => app()->getLocale() === 'ar',
|
||||
'text-off-white hover:text-accent' => app()->getLocale() !== 'ar',
|
||||
'bg-amber-500 text-white font-bold' => app()->getLocale() === 'ar',
|
||||
'text-off-white hover:text-accent' => app()->getLocale() !== 'ar' && $variant === 'dark',
|
||||
'text-body/70 hover:text-body' => app()->getLocale() !== 'ar' && $variant === 'light',
|
||||
])
|
||||
data-test="language-switch-ar"
|
||||
>
|
||||
العربية
|
||||
</a>
|
||||
<span class="text-accent/50">|</span>
|
||||
<span @class([
|
||||
'text-accent/50' => $variant === 'dark',
|
||||
'text-body/30' => $variant === 'light',
|
||||
])>|</span>
|
||||
<a
|
||||
href="{{ route('language.switch', 'en') }}"
|
||||
@class([
|
||||
'text-sm px-2 py-1 rounded transition-colors min-h-[32px] flex items-center',
|
||||
'bg-accent text-text font-bold' => app()->getLocale() === 'en',
|
||||
'text-off-white hover:text-accent' => app()->getLocale() !== 'en',
|
||||
'bg-amber-500 text-white font-bold' => app()->getLocale() === 'en',
|
||||
'text-off-white hover:text-accent' => app()->getLocale() !== 'en' && $variant === 'dark',
|
||||
'text-body/70 hover:text-body' => app()->getLocale() !== 'en' && $variant === 'light',
|
||||
])
|
||||
data-test="language-switch-en"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user