- 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.
28 lines
779 B
PHP
28 lines
779 B
PHP
@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>
|