mirror of
https://github.com/tiennm99/coolify.git
synced 2026-08-20 06:23:23 +00:00
Andras Bacsai
bdb367555d
Standardize highlighted buttons, selected controls, and loading indicators on coollabs accent colors; improve light-mode log toolbar styling; enhance small popups with compact/icon modes; and align navbars, helpers, and related layouts with matching tests.
33 lines
1.0 KiB
PHP
33 lines
1.0 KiB
PHP
@props([
|
|
'title',
|
|
'description' => null,
|
|
'helper' => null,
|
|
'flush' => false,
|
|
])
|
|
|
|
<section {{ $attributes->merge(['class' => 'application-settings-section']) }}>
|
|
<header>
|
|
<div class="min-w-0 py-0.5">
|
|
@if (filled($description ?? $helper))
|
|
<h3>
|
|
<x-helper :helper="$description ?? $helper" :label="'More information about '.$title">
|
|
<x-slot:trigger>
|
|
<span class="underline underline-offset-4">{{ $title }}</span>
|
|
</x-slot:trigger>
|
|
</x-helper>
|
|
</h3>
|
|
@else
|
|
<h3>{{ $title }}</h3>
|
|
@endif
|
|
</div>
|
|
@isset($actions)
|
|
<div class="flex min-w-0 max-w-full flex-wrap items-center gap-2">
|
|
{{ $actions }}
|
|
</div>
|
|
@endisset
|
|
</header>
|
|
<div class="application-settings-section-body {{ $flush ? 'is-flush' : '' }}">
|
|
{{ $slot }}
|
|
</div>
|
|
</section>
|