feat: Enhance UI components and add command palette
- Updated dropdown component styles and transitions for improved UX. - Refined checkbox, input, radio, select, and textarea components with consistent error messaging and styling. - Introduced a new card component for better layout options. - Added a stat card component for displaying metrics with trends. - Implemented a command palette for global search and navigation, accessible via Cmd/Ctrl+K. - Enhanced modal and navigation components with new styles and transitions. - Improved layout styles for better responsiveness and visual appeal.
This commit is contained in:
27
themes/lucentui/views/components/card/index.blade.php
Normal file
27
themes/lucentui/views/components/card/index.blade.php
Normal file
@@ -0,0 +1,27 @@
|
||||
@props([
|
||||
'header' => null,
|
||||
'footer' => null,
|
||||
'actions' => null,
|
||||
'padded' => true,
|
||||
'hover' => true,
|
||||
])
|
||||
<div {{ $attributes->merge(['class' => 'card-glass' . ($hover ? ' card-glass-hover' : '')]) }}>
|
||||
@if($header ?? false)
|
||||
<div class="flex items-center justify-between gap-3 px-5 py-4 border-b border-neutral/30">
|
||||
<div class="min-w-0 flex-1">{{ $header }}</div>
|
||||
@if($actions ?? false)
|
||||
<div class="flex items-center gap-2 shrink-0">{{ $actions }}</div>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="{{ $padded ? 'p-5' : '' }}">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
|
||||
@if($footer ?? false)
|
||||
<div class="px-5 py-3 border-t border-neutral/30 text-sm text-base/80">
|
||||
{{ $footer }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
Reference in New Issue
Block a user