From 46773828b8c46e450a67eb1fc5e6124d87d97ab6 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期六, 23 九月 2023 19:51:11 +0800
Subject: [PATCH] 2023-09-23

---
 src/menu/debug/index.scss |  109 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 103 insertions(+), 6 deletions(-)

diff --git a/src/menu/debug/index.scss b/src/menu/debug/index.scss
index de57aff..9e9bb25 100644
--- a/src/menu/debug/index.scss
+++ b/src/menu/debug/index.scss
@@ -1,9 +1,106 @@
-.replace-field-modal {
-  .ant-modal {
-    top: 70px;
+.debug-modal {
+  .ant-drawer-body {
+    position: relative;
+    height: 100vh;
+    padding: 0 0 50px 0;
+    overflow: hidden;
+    color: rgba(0, 0, 0, 0.85);
+
+    .mk-sql-wrap {
+      padding: 10px;
+
+      .sql-item {
+        display: flex;
+        min-height: 30px;
+
+        .sql-1, .sql-2 {
+          flex: 1;
+          width: 25%;
+          max-width: 25%;
+          display: flex;
+          align-items: center;
+
+          div {
+            overflow: hidden;
+            word-break: break-word;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+          }
+        }
+        .sql-3 {
+          flex: 1;
+          width: 30%;
+          max-width: 30%;
+          display: flex;
+          align-items: center;
+
+          div {
+            overflow: hidden;
+            word-break: break-word;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+          }
+        }
+        .sql-4 {
+          flex: 1;
+          width: 20%;
+          max-width: 20%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+
+          .anticon {
+            font-size: 16px;
+          }
+          .anticon-clock-circle {
+            color: #c8c8c8;
+          }
+          .anticon-check-circle {
+            color: #26C281;
+          }
+          .anticon-close-circle {
+            color: red;
+          }
+          .anticon-loading {
+            color: orange;
+          }
+        }
+      }
+      .header {
+        border-bottom: 1px solid #e8e8e8;
+      }
+      .body {
+        max-height: calc(100vh - 60px);
+        overflow-y: auto;
+      }
+    }
+
+    .mk-sql-wrap .body::-webkit-scrollbar {
+      width: 7px;
+    }
+    .mk-sql-wrap .body::-webkit-scrollbar-thumb {
+      border-radius: 5px;
+      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+      background: rgba(0, 0, 0, 0.13);
+    }
+    .mk-sql-wrap .body::-webkit-scrollbar-track {
+      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+      border-radius: 3px;
+      border: 1px solid rgba(0, 0, 0, 0.07);
+      background: rgba(0, 0, 0, 0);
+    }
   }
-  .ant-modal-body {
-    min-height: 150px;
-    padding-top: 40px;
+  .mk-footer {
+    position: absolute;
+    bottom: 0px;
+    width: 100%;
+    height: 45px;
+    line-height: 50px;
+    border-top: 1px solid #e8e8e8;
+    text-align: right;
+    padding-right: 20px;
+    .ant-btn:not(:first-child) {
+      margin-left: 15px;
+    }
   }
 }
\ No newline at end of file

--
Gitblit v1.8.0