fix: iframe video in post content (#83)

Author: fpasquet

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"

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>

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;
+    }
   }
 }