diff --git a/src/components/EmbedMedia.svelte b/src/components/EmbedMedia.svelte index 1764fdc..56b68aa 100644 --- a/src/components/EmbedMedia.svelte +++ b/src/components/EmbedMedia.svelte @@ -21,11 +21,7 @@ isBlob(img.image) ? [{ ...img, image: img.image }] : [] )} {@const images = _images.map((i): GalleryItem => { - const sizeFactor = 200; - const size = { - width: (i.aspectRatio?.width ?? 4) * sizeFactor, - height: (i.aspectRatio?.height ?? 3) * sizeFactor - }; + const size = i.aspectRatio ?? { width: 400, height: 300 }; const cid = i.image.ref.$link; return { ...size, diff --git a/src/components/PhotoSwipeGallery.svelte b/src/components/PhotoSwipeGallery.svelte index a9f9ead..bdcc107 100644 --- a/src/components/PhotoSwipeGallery.svelte +++ b/src/components/PhotoSwipeGallery.svelte @@ -101,7 +101,6 @@ gap: 2px; border-radius: 4px; overflow: hidden; - width: fit-content; } .gallery.styling-twitter > a { @@ -126,7 +125,6 @@ .gallery.styling-twitter[data-total='1'] { display: block; /* Remove grid constraints */ height: auto; - width: fit-content; aspect-ratio: auto; /* Remove 16:9 ratio */ border-radius: 0; }