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:
@@ -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 }}
|
||||
|
||||
Reference in New Issue
Block a user