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