Private
Public Access
1
0

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 Data Cell Component - TailAdmin style
Table Data Cell Component - AdminLTE style
--}}
@props([
@@ -10,21 +10,49 @@
])
@php
$alignClasses = [
'start' => 'text-left',
'center' => 'text-center',
'end' => 'text-right',
$alignStyles = [
'start' => 'text-align: left;',
'center' => 'text-align: center;',
'end' => 'text-align: right;',
];
$alignClass = $alignClasses[$align] ?? $alignClasses['start'];
$alignStyle = $alignStyles[$align] ?? $alignStyles['start'];
@endphp
<style>
.table-td-lte {
padding: 0.875rem 1.25rem;
font-size: 0.875rem;
color: #495057;
vertical-align: middle;
}
.table-td-lte-nowrap {
white-space: nowrap;
}
.table-td-lte-muted {
color: var(--lte-secondary, #6c757d);
}
.table-td-lte-strong {
font-weight: 500;
color: #212529;
}
.dark .table-td-lte {
color: #d1d5db;
}
.dark .table-td-lte-muted {
color: #9ca3af;
}
.dark .table-td-lte-strong {
color: #f3f4f6;
}
</style>
<td
style="{{ $alignStyle }}"
{{ $attributes->class([
'px-5 py-4 text-theme-sm text-gray-700 dark:text-gray-300',
$alignClass,
'whitespace-nowrap' => $nowrap,
'text-gray-500 dark:text-gray-400' => $muted,
'font-medium text-gray-800 dark:text-white/90' => $strong,
'table-td-lte',
'table-td-lte-nowrap' => $nowrap,
'table-td-lte-muted' => $muted,
'table-td-lte-strong' => $strong,
]) }}
>
{{ $slot }}