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,27 @@
|
||||
@props([
|
||||
'size' => 'md',
|
||||
'variant' => 'primary',
|
||||
])
|
||||
|
||||
@php
|
||||
$sizeClasses = match($size) {
|
||||
'xs' => 'h-4 w-4 border-2',
|
||||
'sm' => 'h-5 w-5 border-2',
|
||||
'md' => 'h-8 w-8 border-2',
|
||||
'lg' => 'h-12 w-12 border-3',
|
||||
'xl' => 'h-16 w-16 border-4',
|
||||
default => 'h-8 w-8 border-2',
|
||||
};
|
||||
|
||||
$colorClasses = match($variant) {
|
||||
'primary' => 'border-primary',
|
||||
'secondary' => 'border-secondary',
|
||||
'white' => 'border-white',
|
||||
'neutral' => 'border-base/50',
|
||||
default => 'border-primary',
|
||||
};
|
||||
@endphp
|
||||
|
||||
<div {{ $attributes->merge(['class' => 'flex items-center justify-center']) }}>
|
||||
<div class="animate-spin rounded-full {{ $sizeClasses }} {{ $colorClasses }} border-t-transparent"></div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user