refactor: update finance dashboard grid layout and card styling to use Bootstrap utility classes
This commit is contained in:
@@ -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;">
|
||||
|
||||
Reference in New Issue
Block a user