Add AdminLTE-style CSS framework to app.css

- Introduced AdminLTE CSS variables for color palette, body colors, card styles, and button styles.
- Implemented card components with variants for primary, success, warning, danger, and info.
- Added button styles including sizes and outline variants.
- Created form controls, select inputs, and input groups with consistent styling.
- Included utility classes for text and background colors, gradients, and shadows.
- Developed components for badges, alerts, callouts, progress bars, tables, small boxes, and info boxes.
- Integrated modal, dropdown, spinner, tooltip, and direct chat styles.
- Established timeline and close button styles, with dark mode support for specific components.
This commit is contained in:
2025-12-17 13:45:56 -05:00
parent 3219d4d7f3
commit 760cf84451
52 changed files with 4525 additions and 1537 deletions

View File

@@ -1,5 +1,5 @@
{{--
Table Row Component - TailAdmin style
Table Row Component - AdminLTE style
--}}
@props([
@@ -9,15 +9,35 @@
])
@php
// Check parent table's hoverable attribute if not explicitly set
$isHoverable = $hoverable ?? true;
@endphp
<style>
.table-row-lte {
transition: background-color var(--lte-transition-speed, 0.3s) ease;
border-bottom: 1px solid var(--lte-border-color, #dee2e6);
}
.table-row-lte:last-child {
border-bottom: none;
}
.table-row-lte-clickable {
cursor: pointer;
}
.table-row-lte-clickable:hover {
background-color: rgba(13, 110, 253, 0.04);
}
.dark .table-row-lte {
border-bottom-color: #374151;
}
.dark .table-row-lte-clickable:hover {
background-color: rgba(13, 110, 253, 0.08);
}
</style>
@if($href)
<tr
{{ $attributes->class([
'cursor-pointer transition-colors duration-150',
'hover:bg-gray-50 dark:hover:bg-gray-800/50' => $isHoverable,
'table-row-lte table-row-lte-clickable',
]) }}
onclick="window.location='{{ $href }}'"
>
@@ -26,9 +46,8 @@
@else
<tr
{{ $attributes->class([
'transition-colors duration-150',
'hover:bg-gray-50 dark:hover:bg-gray-800/50' => $isHoverable,
'cursor-pointer' => $clickable,
'table-row-lte',
'table-row-lte-clickable' => $clickable,
]) }}
>
{{ $slot }}