Personal site staging.colinozanne.co.uk
portfolio astro

fix: view transition

finxol.io 187392d9 f7db328d

verified
+6 -2
+3 -1
src/components/pages/index.astro
··· 164 164 style: `--container-color: var(${project.colour});`, 165 165 })} 166 166 > 167 - <picture style="view-transition-name: project-img"> 167 + <picture 168 + style={`view-transition-name: project-img-${project.slug}`} 169 + > 168 170 <source 169 171 srcset={project.imgs.webp.src} 170 172 type="image/webp"
+3 -1
src/components/pages/project.astro
··· 47 47 style: `--container-color: var(${project.colour});`, 48 48 }} 49 49 > 50 - <picture style="view-transition-name: project-img"> 50 + <picture 51 + style={`view-transition-name: project-img-${project.slug}`} 52 + > 51 53 <source srcset={project.imgs.webp.src} type="image/webp" /> 52 54 <img src={project.imgs.jpg.src} alt={content.title[locale]} /> 53 55 </picture>