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 @@
{{--
Action Toolbar Component - TailAdmin style
Action Toolbar Component - AdminLTE style
For VM control buttons (Start, Stop, Restart, etc.)
Usage:
@@ -16,10 +16,20 @@
'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([
'flex flex-wrap gap-3',
'justify-center' => $centered,
'justify-start' => !$centered,
'action-toolbar-lte',
'action-toolbar-lte-centered' => $centered,
]) }}>
{{ $slot }}
</div>