Extract the shield mark into reusable brand-icon/brand-mark components and use them in the app shell, auth layout, and marketing nav/footer. Align the palette on emerald (badges, selection, dark zinc-950 body), and add a subtle grid/glow backdrop to the app layout. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
17 lines
668 B
PHP
17 lines
668 B
PHP
@props([
|
|
'sidebar' => false,
|
|
])
|
|
|
|
@if($sidebar)
|
|
<flux:sidebar.brand name="Certified" {{ $attributes }}>
|
|
<x-slot name="logo" class="flex aspect-square size-8 items-center justify-center rounded-lg bg-gradient-to-br from-emerald-500 to-teal-600">
|
|
<x-brand-icon class="size-4.5 text-white" />
|
|
</x-slot>
|
|
</flux:sidebar.brand>
|
|
@else
|
|
<flux:brand name="Certified" {{ $attributes }}>
|
|
<x-slot name="logo" class="flex aspect-square size-8 items-center justify-center rounded-lg bg-gradient-to-br from-emerald-500 to-teal-600">
|
|
<x-brand-icon class="size-4.5 text-white" />
|
|
</x-slot>
|
|
</flux:brand>
|
|
@endif
|