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

2023-12-07 11:42:01 +02:00 · 2023-12-07 11:42:01 +02:00 · 80d711f75f
commit 80d711f75f
parent fbd6285b47
2 changed files with 5 additions and 1 deletions
--- 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}
--- 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%;