complete story 12.3
This commit is contained in:
@@ -18,9 +18,9 @@
|
||||
$classes .= ' hover:shadow-card-hover hover:-translate-y-0.5 transition-all duration-200 cursor-pointer';
|
||||
}
|
||||
|
||||
// Warm gray highlight border (uses border-s for RTL support)
|
||||
// Light Olive highlight border (uses border-s for RTL support)
|
||||
if ($highlight) {
|
||||
$classes .= ' border-s-4 border-warm-gray';
|
||||
$classes .= ' border-s-4 border-accent';
|
||||
}
|
||||
@endphp
|
||||
|
||||
|
||||
@@ -8,19 +8,19 @@
|
||||
<x-ui.card>
|
||||
<div class="flex items-center gap-4">
|
||||
@if($icon)
|
||||
<div class="p-3 bg-warm-gray/10 rounded-lg">
|
||||
<flux:icon :name="$icon" class="w-6 h-6 text-warm-gray" />
|
||||
<div class="p-3 bg-accent/10 rounded-lg">
|
||||
<flux:icon :name="$icon" class="w-6 h-6 text-primary" />
|
||||
</div>
|
||||
@endif
|
||||
<div>
|
||||
<div class="text-2xl font-bold text-charcoal">{{ $value }}</div>
|
||||
<div class="text-sm text-charcoal/70">{{ $label }}</div>
|
||||
<div class="text-2xl font-bold text-text">{{ $value }}</div>
|
||||
<div class="text-sm text-text/70">{{ $label }}</div>
|
||||
@if($trend !== null)
|
||||
@php
|
||||
$trendClass = match(true) {
|
||||
$trend > 0 => 'text-success',
|
||||
$trend < 0 => 'text-danger',
|
||||
default => 'text-charcoal/50',
|
||||
default => 'text-text/50',
|
||||
};
|
||||
$trendPrefix = $trend > 0 ? '+' : '';
|
||||
@endphp
|
||||
|
||||
Reference in New Issue
Block a user