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