my website at ewancroft.uk
fix: BlueskyPostCard accessibility and style issues
- Fix invalid inline style (sm: prefix not valid in CSS)
- Remove useless empty track element for video captions
👾 Generated with [Letta Code](https://letta.com)
Co-Authored-By: Letta Code <noreply@letta.com>
+1
-3
+1
-3
src/lib/components/layout/main/card/BlueskyPostCard.svelte
+1
-3
src/lib/components/layout/main/card/BlueskyPostCard.svelte
···
271
271
poster={postData.videoThumbnail}
272
272
playsinline
273
273
>
274
-
<track kind="captions" />
275
274
Your browser does not support the video tag.
276
275
</video>
277
276
</div>
···
534
533
/>
535
534
{#if lightboxImage.alt && lightboxImage.alt !== `Post attachment ${lightboxImage.url.split('/').pop()}`}
536
535
<div
537
-
class="mt-2 w-full max-w-full overflow-y-auto rounded-lg bg-black/70 px-3 py-2 text-center text-xs text-white sm:mt-4 sm:px-4 sm:text-sm"
538
-
style="max-height: calc(15vh - 1rem); sm:max-height: calc(10vh - 2rem);"
536
+
class="mt-2 max-h-[calc(15vh-1rem)] w-full max-w-full overflow-y-auto rounded-lg bg-black/70 px-3 py-2 text-center text-xs text-white sm:mt-4 sm:max-h-[calc(10vh-2rem)] sm:px-4 sm:text-sm"
539
537
>
540
538
{lightboxImage.alt}
541
539
</div>