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 items-center gap-1.5">
<div className="flex"> <div className="flex">
{[1, 2, 3, 4, 5].map((star) => ( {[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" /> <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> </svg>
))} ))}

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

@@ -59,7 +59,7 @@ export default function HeroVideo() {
> >
<div className="flex"> <div className="flex">
{[1, 2, 3, 4, 5].map((star) => ( {[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" /> <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> </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} src={image}
alt={localized.name} alt={localized.name}
fill 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" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"
/> />
) : ( ) : (

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

@@ -171,7 +171,7 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
src={image.url} src={image.url}
alt={image.alt || localized.name} alt={image.alt || localized.name}
fill fill
className="object-contain" className="object-cover"
sizes="80px" sizes="80px"
/> />
</button> </button>
@@ -179,25 +179,18 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
</div> </div>
)} )}
{/* Main Image */} {/* Main Image */}
<div className="flex-1 relative aspect-square bg-[#f8f9fa] overflow-hidden"> <div className="relative aspect-square bg-[#f8f9fa] overflow-hidden">
{images[selectedImage] && ( {images[selectedImage] && (
<Image <Image
src={images[selectedImage].url} src={images[selectedImage].url}
alt={images[selectedImage].alt || localized.name} alt={images[selectedImage].alt || localized.name}
fill fill
className="object-contain" className="object-cover"
priority priority
sizes="(max-width: 1024px) 100vw, 50vw" 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> </div>
</motion.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-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"> <div className="flex items-center gap-1 mb-3">
{[1, 2, 3, 4, 5].map((star) => ( {[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" /> <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> </svg>
))} ))}
@@ -107,7 +107,7 @@ export default function ProductReviews({ locale = "SR", productName = "this prod
<div> <div>
<div className="flex gap-0.5"> <div className="flex gap-0.5">
{[1, 2, 3, 4, 5].map((star) => ( {[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" /> <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> </svg>
))} ))}