285684ad3c
Extract a shared view-toggle utility so list/grid switchers use the same 32px control height instead of mixed h-8/h-9 styles. Point section-heading View all links at the shared button class so they match other actions.
34 lines
1.2 KiB
PHP
34 lines
1.2 KiB
PHP
@props([
|
|
'title',
|
|
'subtitle' => null,
|
|
'href' => null,
|
|
'actionLabel' => 'View all',
|
|
'icon' => 'arrow-right',
|
|
])
|
|
|
|
{{--
|
|
Shared section heading: a 14px title, an optional 11px muted subtitle, and an
|
|
optional right-aligned action. Pass `href` for the default "View all"
|
|
button, or an `<x-slot:actions>` for a custom control.
|
|
--}}
|
|
<div {{ $attributes->merge(['class' => 'mb-3 min-w-0']) }}>
|
|
<div class="flex items-center justify-between gap-4">
|
|
<h2 class="min-w-0 truncate text-[14px]! leading-5! font-semibold! text-black dark:text-fg">
|
|
{{ $title }}
|
|
</h2>
|
|
@isset($actions)
|
|
<div class="shrink-0">{{ $actions }}</div>
|
|
@elseif (filled($href))
|
|
<a href="{{ $href }}" {{ wireNavigate() }}
|
|
class="button group">
|
|
{{ $actionLabel }}
|
|
@if ($icon)
|
|
<x-reicon :name="$icon" class="size-3 opacity-70 transition-transform duration-150 ease-out group-hover:translate-x-0.5" />
|
|
@endif
|
|
</a>
|
|
@endisset
|
|
</div>
|
|
@if (filled($subtitle))
|
|
<p class="mt-0.5 text-[11px] text-neutral-500 dark:text-fg-faint">{{ $subtitle }}</p>
|
|
@endif
|
|
</div>
|