Migrate UI components from AdminLTE to LucentUI Theme using Tailwind CSS

- Updated tab-panel component to use Tailwind for styling and transitions.
- Refactored table-row component to implement Tailwind classes for hover effects and borders.
- Converted table-td component to utilize Tailwind for alignment and text styles.
- Changed table-th component to apply Tailwind for header styling and sorting indicators.
- Revised table component to adopt Tailwind for layout, borders, and responsive design.
- Enhanced tabs component with Tailwind for navigation styles and transitions.
- Updated toggle component to use Tailwind for switch styles and accessibility.
- Refactored tooltip component to implement Tailwind for positioning and styling.
- Added visual enhancements to app.css for improved UI interactions and animations.
This commit is contained in:
2026-02-01 14:16:57 -05:00
parent fa0bc93c83
commit abff5a381f
42 changed files with 1061 additions and 2427 deletions

View File

@@ -1,5 +1,6 @@
{{--
Action Toolbar Component - AdminLTE style
Action Toolbar Component - LucentUI Theme
Migrated from AdminLTE to Tailwind
For VM control buttons (Start, Stop, Restart, etc.)
Usage:
@@ -16,20 +17,9 @@
'centered' => false,
])
<style>
.action-toolbar-lte {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.action-toolbar-lte-centered {
justify-content: center;
}
</style>
<div {{ $attributes->class([
'action-toolbar-lte',
'action-toolbar-lte-centered' => $centered,
'flex flex-wrap gap-3',
'justify-center' => $centered,
]) }}>
{{ $slot }}
</div>