feat: Enhance UI components with improved styles and responsiveness across various views

This commit is contained in:
2026-04-22 10:56:39 -04:00
parent 8baf7d6c7d
commit 71b031ca64
14 changed files with 108 additions and 103 deletions

View File

@@ -1,7 +1,7 @@
<div class="space-y-4">
@foreach ($invoices as $invoice)
<a href="{{ route('invoices.show', $invoice) }}" wire:navigate>
<div class="bg-gradient-to-br from-background-secondary/50 to-background-secondary/30 border border-neutral/50 p-4 rounded-lg mb-4">
<div class="bg-gradient-to-br from-background-secondary/50 to-background-secondary/30 border border-neutral/50 p-4 rounded-lg mb-4 hover-lift">
<div class="flex items-center justify-between mb-2">
<div class="flex items-center gap-3">
<div class="bg-secondary/10 p-2 rounded-full">
@@ -11,7 +11,7 @@
<span class="text-base/50 font-semibold">
<x-ri-circle-fill class="size-1 text-base/20" />
</span>
<span class="text-base text-sm">{{ $invoice->formattedTotal }}</span>
<span class="text-base text-sm tnum">{{ $invoice->formattedTotal }}</span>
</div>
<div class="size-5 rounded-full p-0.5
@if ($invoice->status == 'paid') text-success bg-success/20