markdown: put youtube embeds at 100% width

rr- · Nov 28, 2024 · 4b7338c · 4b7338c
1 parent 31c300d
commit 4b7338c
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 9 deletions.
diff --git a/frontend/src/components/common/WalkthroughContent/index.module.css b/frontend/src/components/common/WalkthroughContent/index.module.css
@@ -6,8 +6,3 @@
   -webkit-box-orient: vertical;
   margin-bottom: 0.5rem;
 }
-
-.embedWrapper {
-  --video-embed-width: 100%;
-  --video-embed-aspect-ratio: 16 / 9;
-}
diff --git a/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css b/frontend/src/components/common/WalkthroughsList/WalkthroughsListItem/index.module.css
@@ -3,9 +3,6 @@
   flex-direction: column;
   margin-bottom: 1rem;
   background: var(--box-content-bg-color);
-
-  --video-embed-width: 100%;
-  --video-embed-aspect-ratio: 16 / 9;
 }
 
 .content {

diff --git a/frontend/src/components/common/YoutubeEmbed/index.module.css b/frontend/src/components/common/YoutubeEmbed/index.module.css
@@ -1,5 +1,5 @@
 .embed {
-  width: var(--video-embed-width, 640px);
+  width: var(--video-embed-width, 100%);
   max-width: 100%;
   aspect-ratio: var(--video-embed-aspect-ratio, 16 / 9);
   border: 0;