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,53 @@
{{--
Table Component - TailServer Theme
Usage:
<x-proxmox::ui.table>
<x-slot:head>
<x-proxmox::ui.table-th>Name</x-proxmox::ui.table-th>
<x-proxmox::ui.table-th>Status</x-proxmox::ui.table-th>
</x-slot:head>
<x-proxmox::ui.table-row>
<x-proxmox::ui.table-td>Server 1</x-proxmox::ui.table-td>
<x-proxmox::ui.table-td>Running</x-proxmox::ui.table-td>
</x-proxmox::ui.table-row>
</x-proxmox::ui.table>
--}}
@props([
'striped' => false,
'hoverable' => true,
'responsive' => true,
'compact' => false,
])
@php
$wrapperClasses = $responsive ? 'min-w-full overflow-x-auto rounded-xl border border-neutral/10' : '';
@endphp
<div class="{{ $wrapperClasses }}">
<table
{{ $attributes->class([
'min-w-full align-middle text-sm',
'[&_tbody_tr:nth-child(even)]:bg-neutral/3' => $striped,
]) }}
data-hoverable="{{ $hoverable ? 'true' : 'false' }}"
data-compact="{{ $compact ? 'true' : 'false' }}"
>
@if(isset($head))
<thead class="bg-gradient-to-b from-neutral/5 to-transparent">
<tr class="border-b border-neutral/15">
{{ $head }}
</tr>
</thead>
@endif
<tbody>
{{ $slot }}
</tbody>
@if(isset($foot))
<tfoot>
{{ $foot }}
</tfoot>
@endif
</table>
</div>