Merge pull request #272 from htor/fix-vids

Fix broken video aspect ratios
tidalcycles · May 2, 2024 · 4249e4a · 4249e4a
2 parents e4b9116 + 30ee2c9
commit 4249e4a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/youtube/index.jsx b/src/components/youtube/index.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { video } from "./styles.module.css";
+import styles from "./styles.module.css";
 
 /**
  * Component for embedding YouTube videos
@@ -12,7 +12,7 @@ import { video } from "./styles.module.css";
  */
 export function YouTube({ id, aspect = 16 / 9 }) {
   return (
-    <figure className={video} style={{ paddingBottom: `${100/aspect}%` }}>
+    <figure className={styles.video} style={{ paddingBottom: `${100/aspect}%` }}>
       <iframe
         src={`https://www.youtube.com/embed/${id}`}
         frameBorder="0"
@@ -21,4 +21,4 @@ export function YouTube({ id, aspect = 16 / 9 }) {
       />
     </figure>
   );
-}
+}