custom element for embedding Bluesky posts and feeds
mary-ext.github.io/bluesky-embed
typescript
npm
bluesky
atcute
fix: set fallback ratio on images
+5
-1
+5
-1
packages/internal/components/embeds/image-embed.svelte
+5
-1
packages/internal/components/embeds/image-embed.svelte
···
1
+
<script lang="ts" module>
2
+
const DEFAULT_RATIO = { width: 16, height: 9 };
3
+
</script>
4
+
1
5
<script lang="ts">
2
6
import type { AppBskyEmbedImages } from '@atcute/client/lexicons';
3
7
···
68
72
</div>
69
73
</div>
70
74
{:else if length === 1}
71
-
{@const ratio = standalone && images[0].aspectRatio}
75
+
{@const ratio = standalone && (images[0].aspectRatio || DEFAULT_RATIO)}
72
76
73
77
<div
74
78
class={`single-item tl tr bl br` + (ratio ? ` is-standalone` : ``)}