fix: youtube embedded videos overflow on mobile issue in #243

LunarVim · Oct 20, 2022 · 19dea1b · 19dea1b
1 parent fbf76ba
commit 19dea1b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/components/YouTube/styles.module.css b/src/components/YouTube/styles.module.css
@@ -11,6 +11,7 @@
   aspect-ratio: 16/9;
   height: auto;
   width: 100%;
+  max-width: 100%;
 }
 
 .yt > h2 {

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -133,3 +133,13 @@ body {
   font-family: "Terminal Glyphs", Consolas, Menlo, "Bitstream Vera Sans Mono",
     monospace, "Powerline Symbols";
 }
+
+/* youtube embedded videos */
+iframe[src*="youtube.com"] {
+  border: 2px solid var(--ifm-color-primary);
+  border-radius: .5rem;
+  width: 100%;
+  max-width: 560px;
+  aspect-ratio: 16/9;
+  height: auto;
+}