Merge pull request #189 from MaddyGuthridge/maddy-override-embed-style

MaddyGuthridge · web-flow · commit 3bd92272aec3 · 2025-08-05T23:23:42.000+10:00
Update Markdown styling to override sizing for YouTube embeds
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "minifolio",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "private": true,
   "license": "GPL-3.0-only",
   "scripts": {
diff --git a/src/components/markdown/Markdown.svelte b/src/components/markdown/Markdown.svelte
@@ -211,4 +211,16 @@
       text-decoration: underline;
     }
   }
+
+  /*
+    YouTube embeds:
+    - Force 16:9 aspect ratio
+    - Override provided width and height
+  */
+  :global(iframe[title="YouTube video player"]) {
+    aspect-ratio: 16 / 9 !important;
+    max-width: 100%;
+    width: 500px !important;
+    height: auto !important;
+  }
 </style>
