Joseph.Rawlings
6440a24390
- Implemented a button for toggling between dark and light modes in the navigation component. - Adjusted sidebar width and improved active link indicators with shadows for better visibility. - Updated layout colors for a more vibrant and cohesive theme, focusing on a "Pure Neutral Black + Neon" aesthetic. - Refined ambient gradient accents for improved content readability across devices. - Enhanced console layout for better responsiveness and user experience.
15 lines
872 B
PHP
15 lines
872 B
PHP
<button
|
|
{{ $attributes->merge(['class' => 'flex items-center gap-2 justify-center bg-background-secondary/60 backdrop-blur-sm text-sm font-semibold border border-neutral/60 hover:bg-background-secondary/80 hover:border-primary/50 active:scale-95 py-2.5 lg:py-2 px-4.5 rounded-md w-full duration-300 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-primary/40 focus:ring-offset-2 focus:ring-offset-background transition-all']) }}>
|
|
@if (isset($type) && $type === 'submit')
|
|
<div role="status" wire:loading>
|
|
<x-ri-loader-5-fill aria-hidden="true" class="size-6 me-2 fill-background animate-spin" />
|
|
<span class="sr-only">Loading...</span>
|
|
</div>
|
|
<div wire:loading.remove>
|
|
{{ $slot }}
|
|
</div>
|
|
@else
|
|
{{ $slot }}
|
|
@endif
|
|
</button>
|