kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: sideway scrolling bug on mobile

Browse Source
This commit is contained in:
Stefan Imhoff
2023-06-14 21:30:21 +02:00
parent b1b21b78ec
commit 89fe6cbfe6
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/GalleryDetail.astro
View File

@@ -17,10 +17,12 @@ function randomPosition() {
const imageLength = entry.data.images.length;
---
<div class="col-span-full row-start-1 row-end-3 flex flex-col lg:flex-row">
<div
class="col-span-full row-start-1 row-end-3 flex flex-col pbs-[clamp(3rem,_5.55vw,_9rem)] lg:flex-row lg:pbs-0"
>
<div class="p-gap lg:w-2/6">
<div
class="w-[66ch] lg:sticky lg:top-[calc(100vh_/_2_-_(max(30vh,_250px)_/_2))] lg:h-[max(30vh,_250px)] lg:w-full"
class="md:w-[66ch] lg:sticky lg:top-[calc(100vh_/_2_-_(max(30vh,_250px)_/_2))] lg:h-[max(30vh,_250px)] lg:w-full"
{...animationDelay}
>
<Headline>{entry.data.title}</Headline>