fix img gallery height, youtube embed 100% width on mobile

v0l · Dec 7, 2023 · 80d711f · 80d711f
1 parent fbd6285
commit 80d711f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/app/src/Element/Embed/HyperText.tsx b/packages/app/src/Element/Embed/HyperText.tsx
@@ -46,7 +46,7 @@ export default function HyperText({ link, depth, showLinkPreview, children }: Hy
     if (youtubeId) {
       return (
         <iframe
-          className="w-max"
+          className="-mx-4 md:mx-0 w-max"
           src={`https://www.youtube.com/embed/${youtubeId}`}
           title="YouTube video player"
           key={youtubeId}

diff --git a/packages/app/src/Element/Text.css b/packages/app/src/Element/Text.css
@@ -48,6 +48,10 @@
   margin: 0;
 }
 
+.gallery-item div {
+  height: 100%;
+}
+
 .gallery-item img {
   object-fit: cover;
   width: 100%;