color manual fixing
This commit is contained in:
@@ -4,6 +4,6 @@
|
||||
])
|
||||
|
||||
<div class="flex w-full flex-col text-center">
|
||||
<flux:heading size="xl">{{ $title }}</flux:heading>
|
||||
<flux:subheading>{{ $description }}</flux:subheading>
|
||||
<flux:heading size="xl" class="text-body">{{ $title }}</flux:heading>
|
||||
<flux:subheading class="text-body/70">{{ $description }}</flux:subheading>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}" class="dark">
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
|
||||
<head>
|
||||
@include('partials.head')
|
||||
</head>
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
<!-- Language Toggle -->
|
||||
<div class="absolute end-4 top-4">
|
||||
<x-language-toggle />
|
||||
<x-language-toggle variant="light" />
|
||||
</div>
|
||||
|
||||
<main id="main-content" role="main" tabindex="-1" class="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}" class="dark">
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
|
||||
<head>
|
||||
@include('partials.head')
|
||||
</head>
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
<!-- Language Toggle -->
|
||||
<div class="absolute end-4 top-4">
|
||||
<x-language-toggle />
|
||||
<x-language-toggle variant="light" />
|
||||
</div>
|
||||
|
||||
<main id="main-content" role="main" tabindex="-1" class="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}" class="dark">
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
|
||||
<head>
|
||||
@include('partials.head')
|
||||
</head>
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
<!-- Language Toggle -->
|
||||
<div class="absolute end-4 top-4 z-50">
|
||||
<x-language-toggle />
|
||||
<x-language-toggle variant="light" />
|
||||
</div>
|
||||
|
||||
<main id="main-content" role="main" tabindex="-1" class="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0">
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
:class="{
|
||||
'bg-success text-white': toast.type === 'success',
|
||||
'bg-danger text-white': toast.type === 'error',
|
||||
'bg-warning text-text': toast.type === 'warning',
|
||||
'bg-warning text-body': toast.type === 'warning',
|
||||
'bg-primary text-white': toast.type === 'info' || !toast.type
|
||||
}"
|
||||
role="alert"
|
||||
|
||||
@@ -13,14 +13,14 @@
|
||||
</div>
|
||||
@endif
|
||||
<div>
|
||||
<div class="text-2xl font-bold text-text">{{ $value }}</div>
|
||||
<div class="text-sm text-text/70">{{ $label }}</div>
|
||||
<div class="text-2xl font-bold text-body">{{ $value }}</div>
|
||||
<div class="text-sm text-body/70">{{ $label }}</div>
|
||||
@if($trend !== null)
|
||||
@php
|
||||
$trendClass = match(true) {
|
||||
$trend > 0 => 'text-success',
|
||||
$trend < 0 => 'text-danger',
|
||||
default => 'text-text/50',
|
||||
default => 'text-body/50',
|
||||
};
|
||||
$trendPrefix = $trend > 0 ? '+' : '';
|
||||
@endphp
|
||||
|
||||
Reference in New Issue
Block a user