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

@@ -9,11 +9,15 @@
@endif
<div class="flex flex-col gap-8">
@if ($product->stock === 0)
<span class="text-xs font-semibold px-3 py-1 rounded-full bg-red-800 text-red-100 w-fit">
<span class="text-xs font-semibold px-3 py-1 rounded-full bg-error/15 text-error border border-error/30 w-fit">
{{ __('product.out_of_stock', ['product' => $product->name]) }}
</span>
@elseif($product->stock > 0)
<span class="text-xs font-semibold px-3 py-1 rounded-full bg-green-800 text-green-100 w-fit">
<span class="inline-flex items-center gap-1.5 text-xs font-semibold px-3 py-1 rounded-full bg-success/15 text-success border border-success/30 w-fit">
<span class="relative flex size-2">
<span class="absolute inline-flex h-full w-full rounded-full bg-success opacity-60 animate-ping"></span>
<span class="relative inline-flex size-2 rounded-full bg-success"></span>
</span>
{{ __('product.in_stock') }}
</span>
@endif