refactor: Update UI components to TailAdmin theme

- Changed badge, button, card, dropdown, input, modal, select, table, tabs, toggle, and tooltip components to align with the TailAdmin design system.
- Updated class names and styles for consistency across components.
- Enhanced accessibility and responsiveness in various components.
- Improved hover and focus states for better user experience.
This commit is contained in:
2025-12-17 12:07:54 -05:00
parent 5004408751
commit 7a089f53e2
15 changed files with 184 additions and 180 deletions

View File

@@ -1,5 +1,5 @@
{{--
Table Row Component - shadcn-style
Table Row Component - TailAdmin style
--}}
@props([
@@ -16,9 +16,8 @@
@if($href)
<tr
{{ $attributes->class([
'border-b transition-colors cursor-pointer',
'hover:bg-muted/50' => $isHoverable,
'data-[state=selected]:bg-muted',
'cursor-pointer transition-colors duration-150',
'hover:bg-gray-50 dark:hover:bg-gray-800/50' => $isHoverable,
]) }}
onclick="window.location='{{ $href }}'"
>
@@ -27,10 +26,9 @@
@else
<tr
{{ $attributes->class([
'border-b transition-colors',
'hover:bg-muted/50' => $isHoverable,
'transition-colors duration-150',
'hover:bg-gray-50 dark:hover:bg-gray-800/50' => $isHoverable,
'cursor-pointer' => $clickable,
'data-[state=selected]:bg-muted',
]) }}
>
{{ $slot }}