Refactor Proxmox server views for improved UI consistency and usability

- Updated server card component to use new UI elements and improved layout.
- Enhanced status display with badges and better status indicators.
- Refined quick info row for server details with consistent styling.
- Reorganized server configuration statistics into stat cards for clarity.
- Improved help modals for statistics and storage management sections.
- Streamlined alerts and warnings for better user experience.
- Updated storage management view to utilize new UI components and improve readability.
This commit is contained in:
2025-12-17 11:24:17 -05:00
parent bf346cecca
commit e7b33a2f6c
68 changed files with 5127 additions and 650 deletions

View File

@@ -0,0 +1,22 @@
@props([
'align' => 'left',
'compact' => false,
'truncate' => false,
'mono' => false,
])
@php
$paddingClasses = $compact ? 'px-3 py-2' : 'px-5 py-4';
$alignClasses = match($align) {
'center' => 'text-center',
'right' => 'text-right',
default => 'text-left',
};
$textClasses = $mono ? 'font-mono text-sm' : 'text-sm';
$truncateClasses = $truncate ? 'truncate max-w-xs' : '';
$tdClasses = "$paddingClasses $alignClasses $textClasses $truncateClasses text-base/80";
@endphp
<td {{ $attributes->merge(['class' => $tdClasses]) }}>
{{ $slot }}
</td>