From 6d626ab908e5510cc8e274b9f8944a815e7420a2 Mon Sep 17 00:00:00 2001
From: supreme0597 <supreme0597@gmail.com>
Date: Fri, 15 May 2026 05:16:15 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E6=B7=BB=E5=8A=A0=20SVG=20?=
 =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F=E5=AE=B9=E5=99=A8=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=88=B0=20MarkdownPreview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加 .svg-inline-render 响应式容器样式
- 深色模式半透明背景支持
---
 web/src/components/common/MarkdownPreview.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/web/src/components/common/MarkdownPreview.vue b/web/src/components/common/MarkdownPreview.vue
index 7c55cb81..54917163 100644
--- 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>