fix: Mermaid fullscreen — fill viewport instead of showing tiny centered diagram

2026-06-05 08:14:54 -04:00
parent da58b97096
commit 4a6e907f3f
2 changed files with 8 additions and 5 deletions
@@ -7676,7 +7676,14 @@ body.popup-mode .content-area {
  z-index: 1;
 }
 .mermaid-fullscreen-close:hover { background: rgba(255,255,255,0.1); }
-.mermaid-fullscreen-content { max-width: 95vw; max-height: 95vh; }
+.mermaid-fullscreen-content {
+  width: 95vw; height: 95vh;
+  display: flex; align-items: center; justify-content: center;
+}
+.mermaid-fullscreen-content svg {
+  width: 100%; height: 100%;
+  max-width: 100%; max-height: 100%;
+}

 .mermaid-focus-panel {
  position: fixed; top: 0; right: 0; bottom: 0; width: 480px;