feat(web): 添加 SVG 响应式容器样式到 MarkdownPreview

- 添加 .svg-inline-render 响应式容器样式 - 深色模式半透明背景支持
2026-05-15 05:16:15 +08:00 · 2026-05-15 05:16:15 +08:00 · 6d626ab908
commit 6d626ab908
parent b31776e405
1 changed files with 17 additions and 0 deletions
--- a/web/src/components/common/MarkdownPreview.vue
+++ b/web/src/components/common/MarkdownPreview.vue
@ -334,5 +334,22 @@ watch(
    font-size: 12px;
    line-height: 1.5;
  }
+
+  .svg-inline-render {
+    max-width: 100%;
+    height: auto;
+    overflow: auto;
+    margin: 12px 0;
+
+    svg {
+      max-width: 100%;
+      height: auto;
+    }
+  }
+
+  &.is-dark .svg-inline-render {
+    background: rgba(255, 255, 255, 0.03);
+    border-radius: 4px;
+  }
 }
 </style>