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:
@@ -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>
|
||||
Reference in New Issue
Block a user