diff --git a/assets/scss/_partial/_collection.scss b/assets/scss/_partial/_collection.scss index ec63f67..59b242a 100644 --- a/assets/scss/_partial/_collection.scss +++ b/assets/scss/_partial/_collection.scss @@ -3,12 +3,12 @@ flex-direction: column; gap: 20vh; - padding-top: 50vh; + padding-top: calc(var(--window-height) * 0.4); margin-top: calc(var(--nav-height) * -1); img { position: sticky; - top: 50vh; + top: calc(var(--window-height) * 0.4); width: 60vw; height: 20vh; @@ -19,7 +19,7 @@ align-self: center; &:last-child { - margin-bottom: 20vh; + margin-bottom: calc(var(--window-height) * 0.35); } } } diff --git a/assets/ts/mobile/collection.tsx b/assets/ts/mobile/collection.tsx index fd34c8d..458b30f 100644 --- a/assets/ts/mobile/collection.tsx +++ b/assets/ts/mobile/collection.tsx @@ -116,7 +116,7 @@ export default function Collection(props: { data-src={ij.loUrl} alt={ij.alt} style={{ - transform: `translate3d(${i() !== 0 ? getRandom(-25, 25) : 0}%, ${i() !== 0 ? getRandom(-30, 30) : 0}%, 0)` + transform: `translate3d(${i() !== 0 ? getRandom(-25, 25) : 0}%, ${i() !== 0 ? getRandom(-35, 35) : 0}%, 0)` }} onClick={() => { handleClick(i())