design: fix some problem with iframes

2024-12-27 10:39:23 +01:00
parent 0b88e9e773
commit 545baf063c
2 changed files with 7 additions and 3 deletions
--- a/src/hooks/useMarkdown.hook.ts
+++ b/src/hooks/useMarkdown.hook.ts
@@ -38,8 +38,7 @@ const md = new MarkdownIt({
  .use(markdownItFootnote)
  .use(markdownItLatex)
  .use(markdownItIframe, {
-    width: '100%',
-    height: 400
+    width: '100%'
  })
  .use(MarkdownItGitHubAlerts)

--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -104,3 +104,8 @@ pre {
  border-radius: 1rem;
  margin: 1rem 0;
 }
+
+iframe {
+  border-radius: 1rem;
+  height: 400px;
+}