@@ -841,7 +841,7 @@ function ExpandedCaseStudy({ node }: { node: any }) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
gallery.forEach(img => allImages.push(`/cases/${nodeSlug}/${img}`));
|
gallery.forEach(img => allImages.push(`/cases/${nodeSlug}/${img}`));
|
||||||
renders.forEach(ren => allImages.push(`/cases/${nodeSlug}/${ren}`));
|
renders.forEach(ren => allImages.push(`/cases/${nodeSlug}/renders/${ren}`));
|
||||||
if (!allImages.includes(clickedImageUrl)) {
|
if (!allImages.includes(clickedImageUrl)) {
|
||||||
allImages.unshift(clickedImageUrl);
|
allImages.unshift(clickedImageUrl);
|
||||||
}
|
}
|
||||||
@@ -972,7 +972,7 @@ function ExpandedCaseStudy({ node }: { node: any }) {
|
|||||||
</h5>
|
</h5>
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||||
{renders.map((ren: string, idx: number) => {
|
{renders.map((ren: string, idx: number) => {
|
||||||
const fullRenSrc = `/cases/${nodeSlug}/${ren}`;
|
const fullRenSrc = `/cases/${nodeSlug}/renders/${ren}`;
|
||||||
return (
|
return (
|
||||||
<div key={idx} className="relative w-full aspect-[4/3] rounded-2xl md:rounded-3xl overflow-hidden border border-black/10 dark:border-white/10 shadow-lg group bg-white dark:bg-[#1a1a1a]">
|
<div key={idx} className="relative w-full aspect-[4/3] rounded-2xl md:rounded-3xl overflow-hidden border border-black/10 dark:border-white/10 shadow-lg group bg-white dark:bg-[#1a1a1a]">
|
||||||
<Image src={fullRenSrc} alt="Technical Render" fill className="object-contain group-hover:scale-105 transition-transform duration-700" sizes="(max-width: 768px) 100vw, 50vw" />
|
<Image src={fullRenSrc} alt="Technical Render" fill className="object-contain group-hover:scale-105 transition-transform duration-700" sizes="(max-width: 768px) 100vw, 50vw" />
|
||||||
|
|||||||
Reference in New Issue
Block a user