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