+1
-5
src/components/EmbedMedia.svelte
+1
-5
src/components/EmbedMedia.svelte
···
21
21
isBlob(img.image) ? [{ ...img, image: img.image }] : []
22
22
)}
23
23
{@const images = _images.map((i): GalleryItem => {
24
-
const sizeFactor = 200;
25
-
const size = {
26
-
width: (i.aspectRatio?.width ?? 4) * sizeFactor,
27
-
height: (i.aspectRatio?.height ?? 3) * sizeFactor
28
-
};
24
+
const size = i.aspectRatio ?? { width: 400, height: 300 };
29
25
const cid = i.image.ref.$link;
30
26
return {
31
27
...size,
-2
src/components/PhotoSwipeGallery.svelte
-2
src/components/PhotoSwipeGallery.svelte
···
101
101
gap: 2px;
102
102
border-radius: 4px;
103
103
overflow: hidden;
104
-
width: fit-content;
105
104
}
106
105
107
106
.gallery.styling-twitter > a {
···
126
125
.gallery.styling-twitter[data-total='1'] {
127
126
display: block; /* Remove grid constraints */
128
127
height: auto;
129
-
width: fit-content;
130
128
aspect-ratio: auto; /* Remove 16:9 ratio */
131
129
border-radius: 0;
132
130
}