refactor: update UI components to shadcn-style
- Refactored select component to align with shadcn design principles. - Updated server status indicator component for consistency with shadcn style. - Modified spinner component to follow shadcn design guidelines. - Enhanced stat card component with shadcn-inspired styles. - Adjusted tab panel component to reflect shadcn design updates. - Revamped table row and table data cell components to match shadcn aesthetics. - Updated table header cell component for improved styling consistency. - Refined table component to align with shadcn design principles. - Enhanced tabs component with shadcn-inspired styles. - Updated toggle component to follow shadcn design guidelines. - Refactored tooltip component to align with shadcn design principles. - Updated server card component to reflect shadcn-inspired design.
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
{{--
|
||||
Table Component - TailServer Theme
|
||||
Table Component - shadcn-style
|
||||
|
||||
Usage:
|
||||
<x-proxmox::ui.table>
|
||||
@@ -21,31 +21,27 @@
|
||||
'compact' => false,
|
||||
])
|
||||
|
||||
@php
|
||||
$wrapperClasses = $responsive ? 'min-w-full overflow-x-auto rounded-xl border border-neutral/10' : '';
|
||||
@endphp
|
||||
|
||||
<div class="{{ $wrapperClasses }}">
|
||||
<div @class(['relative w-full overflow-auto' => $responsive])>
|
||||
<table
|
||||
{{ $attributes->class([
|
||||
'min-w-full align-middle text-sm',
|
||||
'[&_tbody_tr:nth-child(even)]:bg-neutral/3' => $striped,
|
||||
'w-full caption-bottom text-sm',
|
||||
'[&_tbody_tr:nth-child(even)]:bg-muted/50' => $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">
|
||||
<thead class="[&_tr]:border-b">
|
||||
<tr class="border-b transition-colors">
|
||||
{{ $head }}
|
||||
</tr>
|
||||
</thead>
|
||||
@endif
|
||||
<tbody>
|
||||
<tbody class="[&_tr:last-child]:border-0">
|
||||
{{ $slot }}
|
||||
</tbody>
|
||||
@if(isset($foot))
|
||||
<tfoot>
|
||||
<tfoot class="border-t bg-muted/50 font-medium [&>tr]:last:border-b-0">
|
||||
{{ $foot }}
|
||||
</tfoot>
|
||||
@endif
|
||||
|
||||
Reference in New Issue
Block a user