complete story 10.2

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
+3 -3
View File
@@ -5,7 +5,7 @@
])
@php
$classes = 'bg-cream rounded-lg p-6';
$classes = 'bg-off-white rounded-lg p-6';
// Variant-based shadow (default uses custom shadow from specs: 0 2px 8px rgba(0,0,0,0.1))
$classes .= match($variant) {
@@ -18,9 +18,9 @@
$classes .= ' hover:shadow-card-hover hover:-translate-y-0.5 transition-all duration-200 cursor-pointer';
}
// Gold highlight border (uses border-s for RTL support)
// Warm gray highlight border (uses border-s for RTL support)
if ($highlight) {
$classes .= ' border-s-4 border-gold';
$classes .= ' border-s-4 border-warm-gray';
}
@endphp
@@ -8,12 +8,12 @@
<x-ui.card>
<div class="flex items-center gap-4">
@if($icon)
<div class="p-3 bg-gold/10 rounded-lg">
<flux:icon :name="$icon" class="w-6 h-6 text-gold" />
<div class="p-3 bg-warm-gray/10 rounded-lg">
<flux:icon :name="$icon" class="w-6 h-6 text-warm-gray" />
</div>
@endif
<div>
<div class="text-2xl font-bold text-navy">{{ $value }}</div>
<div class="text-2xl font-bold text-charcoal">{{ $value }}</div>
<div class="text-sm text-charcoal/70">{{ $label }}</div>
@if($trend !== null)
@php