unchained/manoon-headless
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Change review stars to gold color (#FFD700)
Some checks failed
Build and Deploy / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Unchained
2026-03-22 16:16:42 +02:00
parent 43d662b54e
commit 77e19d841b
5 changed files with 9 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/product/ProductDetail.tsx
View File

@@ -171,7 +171,7 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
src={image.url}
alt={image.alt || localized.name}
fill
className="object-contain"
className="object-cover"
sizes="80px"
/>
</button>
@@ -179,25 +179,18 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
</div>
)}
{/* Main Image */}
<div className="flex-1 relative aspect-square bg-[#f8f9fa] overflow-hidden">
{/* Main Image */}
<div className="relative aspect-square bg-[#f8f9fa] overflow-hidden">
{images[selectedImage] && (
<Image
src={images[selectedImage].url}
alt={images[selectedImage].alt || localized.name}
fill
className="object-contain"
className="object-cover"
priority
sizes="(max-width: 1024px) 100vw, 50vw"
/>
)}
{/* Award Badge - Optional */}
<div className="absolute top-4 left-4">
<div className="bg-black text-white text-[10px] uppercase tracking-[0.1em] px-3 py-1.5">
{locale === "EN" ? "Bestseller" : "Najprodavanije"}
</div>
</div>
</div>
</motion.div>