feat: Enhance UI components with improved styles and responsiveness across various views
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user