新增“落地页全屏预览”模态窗及 iframe，配合 css的 98% 视窗自适应样式，实现接近全屏的预览

2025-11-06 13:50:40 +08:00
parent 71cce80e2d
commit c1802352f5
3 changed files with 176 additions and 8 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -350,6 +350,34 @@ iconify-icon {
  max-width: 760px;
 }

+.page-preview-modal {
+  width: 98vw;
+  height: 98vh;
+  max-width: 98vw;
+  max-height: 98vh;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+}
+
+.page-preview-body {
+  flex: 1;
+  background: #0f172a;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+}
+
+.page-preview-iframe {
+  width: 100%;
+  height: 100%;
+  border: 3px solid #000;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.45);
+}
+
 .code-viewer {
  background: #0f172a;
  color: #f8fafc;
@@ -460,4 +488,4 @@ iconify-icon {
    max-width: 100% !important;
 }

-#dmermaidSvg{ height: 0px;}
+#dmermaidSvg{ height: 0px;}