Joseph.Rawlings
760cf84451
- 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.
36 lines
709 B
PHP
36 lines
709 B
PHP
{{--
|
|
Action Toolbar Component - AdminLTE style
|
|
For VM control buttons (Start, Stop, Restart, etc.)
|
|
|
|
Usage:
|
|
<x-proxmox::ui.action-toolbar>
|
|
<x-proxmox::ui.action-toolbar-button
|
|
action="start"
|
|
icon="ri-play-line"
|
|
label="Start"
|
|
/>
|
|
</x-proxmox::ui.action-toolbar>
|
|
--}}
|
|
|
|
@props([
|
|
'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([
|
|
'action-toolbar-lte',
|
|
'action-toolbar-lte-centered' => $centered,
|
|
]) }}>
|
|
{{ $slot }}
|
|
</div>
|