From 8212992d4cd6963c9fe7837e065765b28741914f Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 18 二月 2022 11:27:50 +0800 Subject: [PATCH] 2022-02-18 --- src/templates/zshare/verifycard/index.scss | 84 ++++++++++++++++++++++++++---------------- 1 files changed, 52 insertions(+), 32 deletions(-) diff --git a/src/templates/zshare/verifycard/index.scss b/src/templates/zshare/verifycard/index.scss index be4926f..d6fec13 100644 --- a/src/templates/zshare/verifycard/index.scss +++ b/src/templates/zshare/verifycard/index.scss @@ -83,6 +83,9 @@ .model-custom-scripts-modal { .ant-modal { top: 30px; + .ant-modal-header { + padding: 10px 24px; + } .ant-modal-footer { display: none; } @@ -90,12 +93,16 @@ display: none; } .ant-modal-body { - height: calc(100vh - 110px); - overflow-y: auto; + padding: 0; + height: calc(100vh - 100px); + overflow: hidden; display: flex; .script-table-wrap { - width: 220px; + width: 240px; + overflow-y: auto; + overflow-x: hidden; + height: calc(100vh - 100px); .operation-btn { display: inline-block; @@ -106,23 +113,37 @@ } .script-item { - border: 1px solid #eeeeee; - padding: 5px; - margin-bottom: 10px; + border-bottom: 1px solid #eeeeee; + padding: 15px 10px 5px; } .script-item.active { - border-color: #1890ff; + background-color: #bae7ff; } .ant-typography { margin-bottom: 5px; } } + .script-table-wrap::-webkit-scrollbar { + width: 7px; + } + .script-table-wrap::-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); + } + .script-table-wrap::-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); + } + .unfull-scripts { position: absolute; right: 20px; z-index: 2; - top: 18px; + top: 10px; color: #1890ff; width: 26px; cursor: pointer; @@ -132,20 +153,24 @@ .verify-form { flex: 1; + >.ant-row { + margin: 0!important; + position: unset; + } .sql { - .ant-col-sm-8 { - width: 10.5%; + padding: 0!important; + .ant-form-item-label { + display: none; } - .ant-col-sm-16 { - width: 89.5%; - padding-top: 4px; + .ant-form-item-control-wrapper { + width: 100%; } .CodeMirror { - height: auto; - min-height: calc(100vh - 230px); + height: calc(100vh - 100px); + border-radius: 0; } - .CodeMirror-scroll { - min-height: calc(100vh - 230px); + .code-mirror-area { + border-radius: 0; } } .sqlfield { @@ -169,23 +194,18 @@ } } .add { - padding-top: 4px; + position: absolute; + top: 10px; + z-index: 1; + .ant-btn { + height: 28px; + } + .mk-green { + margin-left: 0!important; + margin-right: 10px; + } } } - } - .ant-modal-body::-webkit-scrollbar { - width: 7px; - } - .ant-modal-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); - } - .ant-modal-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); } } } \ No newline at end of file -- Gitblit v1.8.0