refactor: update Proxmox UI components to use TailAdmin styling

- Changed component styles and classes to align with TailAdmin design patterns.
- Updated color schemes, typography, and layout for consistency across components.
- Refactored Info Row, Network Address Card, Notice Banner, Progress Bar, Resource Gauge, Section Header, Server Status, Spinner, Stat Card, and Tab Panel components.
- Enhanced responsiveness and accessibility features in various components.
This commit is contained in:
2025-12-17 12:33:10 -05:00
parent 7a089f53e2
commit b4e2923a2c
23 changed files with 364 additions and 350 deletions

View File

@@ -1,5 +1,5 @@
{{--
Spinner Component - shadcn-style
Spinner Component - TailAdmin style
Usage:
<x-proxmox::ui.spinner />
@@ -22,13 +22,13 @@
$colorClasses = [
'current' => 'text-current',
'primary' => 'text-primary',
'secondary' => 'text-secondary',
'success' => 'text-success',
'warning' => 'text-warning',
'danger' => 'text-danger',
'info' => 'text-info',
'muted' => 'text-muted-foreground',
'primary' => 'text-brand-500',
'secondary' => 'text-gray-500',
'success' => 'text-success-500',
'warning' => 'text-warning-500',
'danger' => 'text-error-500',
'info' => 'text-blue-light-500',
'muted' => 'text-gray-400 dark:text-gray-500',
];
$sizeClass = $sizeClasses[$size] ?? $sizeClasses['md'];