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