diff --git a/src/App.svelte b/src/App.svelte
index 43b87bd..c6e7534 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -57,12 +57,7 @@
{#each posts as postObject}
{/each}
- {#if screen.availWidth > 600}
-
- {/if}
- {#if screen.availWidth <= 600}
-
- {/if}
+
@@ -83,9 +78,9 @@
color: var(--text-color);
}
#Feed {
+ overflow-y: scroll;
width: 65%;
height: 100vh;
- overflow-y: scroll;
padding: 20px;
padding-bottom: 0;
padding-top: 0;
@@ -143,13 +138,12 @@
height: auto;
}
#Feed {
- overflow-y: scroll;
width: 95%;
margin: 0px;
margin-left: 10%;
margin-right: 10%;
padding: 0px;
- height: auto;
+ overflow-y: visible;
}
#spacer {
diff --git a/src/lib/PostComponent.svelte b/src/lib/PostComponent.svelte
index 3b4ed68..43ad667 100644
--- a/src/lib/PostComponent.svelte
+++ b/src/lib/PostComponent.svelte
@@ -141,6 +141,13 @@
controls
>
{/if}
+ {#if post.gifLink}
+
+ {/if}
diff --git a/src/lib/pdsfetch.ts b/src/lib/pdsfetch.ts
index 79edab0..e782f62 100644
--- a/src/lib/pdsfetch.ts
+++ b/src/lib/pdsfetch.ts
@@ -46,6 +46,7 @@ class Post {
replyingUri: atUriObject | null;
imagesCid: string[] | null;
videosLinkCid: string | null;
+ gifLink: string | null;
constructor(
record: ComAtprotoRepoListRecords.Record,
@@ -69,6 +70,7 @@ class Post {
this.quotingUri = null;
this.imagesCid = null;
this.videosLinkCid = null;
+ this.gifLink = null;
switch (post.embed?.$type) {
case "app.bsky.embed.images":
this.imagesCid = post.embed.images.map(
@@ -96,6 +98,9 @@ class Post {
break;
}
break;
+ case "app.bsky.embed.external": // assuming that external embeds are gifs for now
+ this.gifLink = post.embed.external.uri;
+ break;
}
}
}