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} + Post GIF + {/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; } } }