From eb015f342121f7d3b526dbdcd4f397ab5e4084ed Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Wed, 17 Dec 2025 11:48:48 -0500
Subject: [PATCH] refactor: update stat card component for improved styling and
 layout

---
 .../views/components/ui/stat-card.blade.php   | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/components/ui/stat-card.blade.php b/extensions/Servers/Proxmox/views/components/ui/stat-card.blade.php
index 5e4fe97b8..a55b044b4 100644
--- a/extensions/Servers/Proxmox/views/components/ui/stat-card.blade.php
+++ b/extensions/Servers/Proxmox/views/components/ui/stat-card.blade.php
@@ -1,5 +1,5 @@
 {{--
-    Stat Card Component - TailServer Theme (shadcn-inspired)
+    Stat Card Component - shadcn-inspired
     
     Usage:
     <x-proxmox::ui.stat-card value="12" label="CPU %" />
@@ -40,20 +40,20 @@
 <{{ $tag }}
     @if($href) href="{{ $href }}" @endif
     {{ $attributes->class([
-        'flex flex-col gap-6 rounded-xl border border-neutral/15 bg-card py-6 text-card-foreground shadow-sm',
-        'hover:shadow-md transition-shadow duration-150 cursor-pointer' => $href || $clickable,
+        'rounded-xl border bg-card p-6 shadow-sm',
+        'hover:bg-accent/50 transition-colors duration-150 cursor-pointer' => $href || $clickable,
     ]) }}
 >
-    <div class="flex flex-row items-center justify-between space-y-0 px-6 pb-2">
-        <h3 @class(['text-sm font-medium text-muted-foreground'])>{{ $label }}</h3>
+    <div class="flex items-center justify-between pb-2">
+        <span class="text-sm font-medium text-muted-foreground">{{ $label }}</span>
         @if($icon)
             <x-dynamic-component :component="$icon" class="size-4 {{ $iconClass }}" />
         @endif
     </div>
-    <div class="px-6">
-        <div @class(['font-bold', 'text-2xl' => !$compact, 'text-xl' => $compact])>
-            @if($prefix)<span class="text-muted-foreground">{{ $prefix }}</span>@endif{{ $value }}@if($suffix)<span class="text-muted-foreground text-lg">{{ $suffix }}</span>@endif
-        </div>
+    <div class="mt-1">
+        <span @class(['font-bold tracking-tight', 'text-2xl' => !$compact, 'text-xl' => $compact])>
+            @if($prefix)<span class="text-muted-foreground">{{ $prefix }}</span>@endif{{ $value }}@if($suffix)<span class="text-muted-foreground text-base ml-1">{{ $suffix }}</span>@endif
+        </span>
         @if($change !== null || $changeLabel)
             <p class="text-xs text-muted-foreground mt-1">
                 @if($change !== null)
@@ -67,15 +67,15 @@
     </div>
     
     @if($progress !== null)
-        <div class="px-6 pb-2">
-            <div class="h-1.5 w-full rounded-full bg-neutral/10 overflow-hidden">
-                <div class="h-full {{ $progressColor }} rounded-full transition-all duration-300" style="width: {{ min(100, $progress) }}%"></div>
+        <div class="mt-4">
+            <div class="h-1.5 w-full rounded-full bg-muted overflow-hidden">
+                <div class="h-full {{ $progressColor }} rounded-full transition-all duration-150" style="width: {{ min(100, $progress) }}%"></div>
             </div>
         </div>
     @endif
     
     @if($statusText)
-        <div class="border-t border-neutral/10 px-6 pt-4 text-xs font-medium {{ $statusClass }}">
+        <div class="border-t mt-4 pt-3 text-xs font-medium {{ $statusClass }}">
             {{ $statusText }}
         </div>
     @endif