fix: iframe video in post content (#83)

eleven-labs · May 3, 2024 · aec8b57 · aec8b57
1 parent 672d6b7
commit aec8b57
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@eleven-labs/design-system",
   "description": "Design System for Eleven Labs",
-  "version": "0.37.1",
+  "version": "0.37.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/eleven-labs/design-system.git"

diff --git a/src/components/Molecules/ShareLinks/ShareLinks.tsx b/src/components/Molecules/ShareLinks/ShareLinks.tsx
@@ -33,7 +33,7 @@ export const ShareLinks: React.FC<ShareLinksProps> = ({ urlToShare, shares, ...f
         <Icon
           name="twitter"
           className="share-links__social-media-icon share-links__social-media-icon--twitter"
-          size="36"
+          size="36px"
         />
       </a>
     )}
@@ -43,7 +43,7 @@ export const ShareLinks: React.FC<ShareLinksProps> = ({ urlToShare, shares, ...f
         target="_blank"
         rel="noreferrer"
       >
-        <Icon name="facebook" className="share-links__social-media-icon" size="36" />
+        <Icon name="facebook" className="share-links__social-media-icon" size="36px" />
       </a>
     )}
     {shares.linkedIn && (
@@ -52,7 +52,7 @@ export const ShareLinks: React.FC<ShareLinksProps> = ({ urlToShare, shares, ...f
         target="_blank"
         rel="noreferrer"
       >
-        <Icon name="linkedin" className="share-links__social-media-icon" size="36" />
+        <Icon name="linkedin" className="share-links__social-media-icon" size="36px" />
       </a>
     )}
   </Flex>

diff --git a/src/pages/PostPage/PostPage.scss b/src/pages/PostPage/PostPage.scss
@@ -113,5 +113,11 @@ $headings-by-compoent-variant-name: (
         }
       }
     }
+
+    iframe {
+      display: block;
+      max-width: 100%;
+      margin: #{map-get-strict($token-variables, 'spacing', 'xs')} auto;
+    }
   }
 }