Mercurial > packages > framework

comparison publishable/resources/views/components/dashboard-card.blade.php @ 4:84c75d9d90be

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Changing usage to be bootstrap 5, not everything is reviewed but it's been started
author luka
date Tue, 19 Aug 2025 20:33:35 -0400
parents b44434aaa767
children
comparison
equal deleted inserted replaced
3:e107504fa22c 4:84c75d9d90be
7 ]) 7 ])
8 8
9 @php 9 @php
10 $bgColor = 10 $bgColor =
11 [ 11 [
12 'green' => 'bg-green-100 text-green-600', 12 'green' => 'green',
13 'blue' => 'bg-blue-100 text-blue-600', 13 'blue' => 'blue',
14 'purple' => 'bg-purple-100 text-purple-600', 14 'purple' => 'purple',
15 'yellow' => 'bg-yellow-100 text-yellow-600', 15 'yellow' => 'yellow',
16 'gray' => 'bg-gray-100 text-gray-600', 16 'gray' => 'gray',
17 ][$color] ?? 'bg-blue-100 text-blue-600'; 17 ][$color] ?? 'blue';
18 @endphp 18 @endphp
19 19
20 <div class="flex items-center bg-white rounded-lg shadow p-4 min-w-[170px]"> 20 <div class="dashboard-card">
21 <div class="flex-shrink-0"> 21 <div class="d-flex-shrink-0">
22 <span class="inline-flex items-center justify-center h-12 w-12 rounded-full {{ $bgColor }}"> 22 <span class="inline-flex icon items-center justify-center h-12 w-12 rounded-full {{ $bgColor }}">
23 {!! $icon !!} 23 {!! $icon !!}
24 </span> 24 </span>
25 </div> 25 </div>
26 <div class="ml-4"> 26 <div class="ml-4">
27 <div class="text-lg font-semibold text-gray-900">{{ $value }}</div> 27 <div class="fs-4 fw-medium">{{ $value }}</div>
28 <div class="text-gray-500">{{ $title }}</div> 28 <div class="fs-5 fw-medium text-secondary">{{ $title }}</div>
29 @if ($subtitle) 29 @if ($subtitle)
30 <div class="text-xs text-gray-400 mt-1">{{ $subtitle }}</div> 30 <div class="fs-6 text-secondary">{{ $subtitle }}</div>
31 @endif 31 @endif
32 </div> 32 </div>
33 </div> 33 </div>