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,17 +1,6 @@
{{--
Dropdown Divider Component - AdminLTE style
Dropdown Divider Component - LucentUI Theme
Migrated from AdminLTE to Tailwind
--}}
<style>
.dropdown-divider-lte {
height: 0;
margin: 0.375rem 0;
overflow: hidden;
border-top: 1px solid var(--lte-border-color, #dee2e6);
}
.dark .dropdown-divider-lte {
border-top-color: #374151;
}
</style>
<hr class="dropdown-divider-lte">
<hr class="h-0 my-1.5 overflow-hidden border-t border-neutral">