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,24 @@
|
||||
@props([
|
||||
'icon' => 'ri-inbox-line',
|
||||
'iconClass' => 'size-12',
|
||||
'title' => 'No data found',
|
||||
'description' => null,
|
||||
])
|
||||
|
||||
<div {{ $attributes->merge(['class' => 'flex flex-col items-center justify-center py-12 px-6 text-center']) }}>
|
||||
<div class="flex items-center justify-center w-20 h-20 rounded-2xl bg-neutral/10 mb-4">
|
||||
<x-dynamic-component :component="$icon" class="{{ $iconClass }} text-base/40" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-lg font-semibold text-base/80 mb-1">{{ $title }}</h3>
|
||||
|
||||
@if($description)
|
||||
<p class="text-sm text-base/60 max-w-sm">{{ $description }}</p>
|
||||
@endif
|
||||
|
||||
@if($slot->isNotEmpty())
|
||||
<div class="mt-4">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
Reference in New Issue
Block a user