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

2
src/components/home/BeforeAfterGallery.tsx
View File

@@ -104,7 +104,7 @@ function BeforeAfterSlider({ result }: { result: typeof results[0] }) {
<div className="flex items-center gap-1.5">
<div className="flex">
{[1, 2, 3, 4, 5].map((star) => (
<svg key={star} className="w-4 h-4 fill-gold text-gold" viewBox="0 0 24 24">
<svg key={star} className="w-4 h-4 fill-[#FFD700] text-[#FFD700]" viewBox="0 0 24 24">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
</svg>
))}

2
src/components/home/HeroVideo.tsx
View File

@@ -59,7 +59,7 @@ export default function HeroVideo() {
>
<div className="flex">
{[1, 2, 3, 4, 5].map((star) => (
<svg key={star} className="w-4 h-4 fill-gold text-gold" viewBox="0 0 24 24">
<svg key={star} className="w-4 h-4 fill-[#FFD700] text-[#FFD700]" viewBox="0 0 24 24">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
</svg>
))}

2
src/components/product/ProductCard.tsx
View File

@@ -33,7 +33,7 @@ export default function ProductCard({ product, index = 0, locale = "SR" }: Produ
src={image}
alt={localized.name}
fill
className="object-contain transition-transform duration-700 ease-out group-hover:scale-105"
className="object-cover transition-transform duration-700 ease-out group-hover:scale-105"
sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"
/>
) : (

13
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>
@@ -180,24 +180,17 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
)}
{/* Main Image */}
<div className="flex-1 relative aspect-square bg-[#f8f9fa] overflow-hidden">
<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>

4
src/components/product/ProductReviews.tsx
View File

@@ -65,7 +65,7 @@ function ReviewCard({ review }: { review: typeof reviews[0] }) {
<div className="flex-shrink-0 w-80 bg-white p-6 rounded-2xl shadow-sm border border-[#f0ede8] mx-3">
<div className="flex items-center gap-1 mb-3">
{[1, 2, 3, 4, 5].map((star) => (
<svg key={star} className="w-4 h-4 fill-gold text-gold" viewBox="0 0 24 24">
<svg key={star} className="w-4 h-4 fill-[#FFD700] text-[#FFD700]" viewBox="0 0 24 24">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
</svg>
))}
@@ -107,7 +107,7 @@ export default function ProductReviews({ locale = "SR", productName = "this prod
<div>
<div className="flex gap-0.5">
{[1, 2, 3, 4, 5].map((star) => (
<svg key={star} className="w-5 h-5 fill-gold text-gold" viewBox="0 0 24 24">
<svg key={star} className="w-5 h-5 fill-[#FFD700] text-[#FFD700]" viewBox="0 0 24 24">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
</svg>
))}