refactor: update finance dashboard grid layout and card styling to use Bootstrap utility classes

This commit is contained in:
Ümit Tunç
2026-05-26 23:31:23 +03:00
parent e054b04b06
commit 121ba7d9c0
@@ -46,11 +46,11 @@
<span class="w-2 h-2 rounded-full bg-[#00e676] animate-pulse"></span>
<span class="text-[#cacaca] text-[0.75rem] font-bold tracking-wider uppercase">{!! t('Canlı Piyasalar') !!}</span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
{{-- USD Card --}}
<div class="w-full md:w-auto">
<div class="bg-white rounded-xl p-4 shadow-md flex flex-col justify-between" style="min-height: 105px;">
<div class="col">
<div class="bg-white rounded-xl p-4 shadow-sm flex flex-col justify-between" style="min-height: 105px;">
<div class="flex items-center justify-between !mb-2">
<span class="text-[0.8rem] font-bold text-gray-500 uppercase">USD</span>
<div class="flex items-center gap-1" id="usd-change-container" style="color: #009846;">
@@ -70,8 +70,8 @@
</div>
{{-- EUR Card --}}
<div class="w-full md:w-auto">
<div class="bg-white rounded-xl p-4 shadow-md flex flex-col justify-between" style="min-height: 105px;">
<div class="col">
<div class="bg-white rounded-xl p-4 shadow-sm flex flex-col justify-between" style="min-height: 105px;">
<div class="flex items-center justify-between !mb-2">
<span class="text-[0.8rem] font-bold text-gray-500 uppercase">EUR</span>
<div class="flex items-center gap-1" id="eur-change-container" style="color: #B9101E;">
@@ -91,8 +91,8 @@
</div>
{{-- GBP Card --}}
<div class="w-full md:w-auto">
<div class="bg-white rounded-xl p-4 shadow-md flex flex-col justify-between" style="min-height: 105px;">
<div class="col">
<div class="bg-white rounded-xl p-4 shadow-sm flex flex-col justify-between" style="min-height: 105px;">
<div class="flex items-center justify-between !mb-2">
<span class="text-[0.8rem] font-bold text-gray-500 uppercase">GBP</span>
<div class="flex items-center gap-1" id="gbp-change-container" style="color: #B9101E;">
@@ -112,8 +112,8 @@
</div>
{{-- GRA Card --}}
<div class="w-full md:w-auto">
<div class="bg-white rounded-xl p-4 shadow-md flex flex-col justify-between" style="min-height: 105px;">
<div class="col">
<div class="bg-white rounded-xl p-4 shadow-sm flex flex-col justify-between" style="min-height: 105px;">
<div class="flex items-center justify-between !mb-2">
<span class="text-[0.8rem] font-bold text-gray-500 uppercase">GRA</span>
<div class="flex items-center gap-1" id="gra-change-container" style="color: #B9101E;">