a3b3d7d029
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>
16 lines
548 B
PHP
16 lines
548 B
PHP
{{-- Certified gradient logo tile --}}
|
|
@props([
|
|
'size' => 'md', // sm | md | lg
|
|
])
|
|
|
|
@php
|
|
[$tile, $icon] = match ($size) {
|
|
'sm' => ['size-8 rounded-lg', 'size-4.5'],
|
|
'lg' => ['size-12 rounded-2xl shadow-lg shadow-emerald-500/25', 'size-7'],
|
|
default => ['size-9 rounded-xl shadow-lg shadow-emerald-500/25', 'size-5'],
|
|
};
|
|
@endphp
|
|
|
|
<span {{ $attributes->class(['flex items-center justify-center bg-gradient-to-br from-emerald-500 to-teal-600', $tile]) }}>
|
|
<x-brand-icon class="{{ $icon }} text-white" />
|
|
</span>
|