From 7ead5e12606e45aee7a49b85d95f1dc0ae1c18b0 Mon Sep 17 00:00:00 2001
From: tmoonlight <shaohaozhi@live.cn>
Date: Sun, 27 Sep 2026 21:57:10 +0800
Subject: [PATCH] Fit Mermaid containers to borderless diagram content

---
 web/src/styles/globals.css | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index cd1d3028..8c82fa96 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -3175,15 +3175,15 @@ body {
   position: relative;
 }
 .ace-mermaid-diagram {
+  max-width: 100%;
   overflow: hidden;
-  border: 1px solid var(--ace-border);
-  border-radius: 7px;
-  background: var(--ace-surface-alt);
+}
+.ace-mermaid-diagram[data-mermaid-diagram="ready"] {
+  width: max-content;
 }
 .ace-mermaid-render-target {
   display: none;
   max-width: 100%;
-  padding: 18px 16px;
   overflow: auto;
 }
 .ace-mermaid-diagram[data-mermaid-diagram="ready"] .ace-mermaid-render-target {
@@ -3195,7 +3195,6 @@ body {
 .ace-mermaid-preview-trigger {
   display: block;
   width: max-content;
-  min-width: 100%;
   padding: 0;
   border: 0;
   outline: 0;
@@ -3205,7 +3204,7 @@ body {
 }
 .ace-mermaid-preview-trigger:focus-visible {
   outline: 2px solid var(--ace-accent);
-  outline-offset: 2px;
+  outline-offset: -2px;
 }
 .ace-mermaid-svg {
   display: block;