From 6a50694b1ff7d566aa0b4acbe20f34a95bbab6af Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 12 十二月 2022 22:28:49 +0800 Subject: [PATCH] 2022-12-12 --- src/views/systemproc/proc/index.scss | 64 +++++++++++++++++++++++++++++++ 1 files changed, 63 insertions(+), 1 deletions(-) diff --git a/src/views/systemproc/proc/index.scss b/src/views/systemproc/proc/index.scss index fc2fdff..653bc5c 100644 --- a/src/views/systemproc/proc/index.scss +++ b/src/views/systemproc/proc/index.scss @@ -1,12 +1,63 @@ .mk-proc-wrap { position: relative; padding: 65px 20px 0px; + display: flex; + .searh-list { + width: 0px; + margin-right: 15px; + overflow: hidden; + transition: width 0.2s; + + .ant-input-search { + width: 300px; + } + .proc-list { + width: 300px; + height: calc(100vh - 128px); + overflow-y: auto; + overflow-x: hidden; + margin-top: 10px; + border: 1px solid #e8e8e8; + + .proc-item { + padding: 5px; + margin: 5px; + word-break: break-all; + cursor: pointer; + } + .ant-empty { + margin-top: 50px; + } + } + .proc-list::-webkit-scrollbar { + width: 7px; + height: 7px; + } + .proc-list::-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); + } + .proc-list::-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); + } + } + .searh-list.open { + width: 300px; + } + .proc-wrap { + flex: 1; + } .control-wrap { display: flex; .search-wrap { - width: 300px; + width: 360px; + display: flex; .ant-btn[disabled] { background-color: #1890ff!important; @@ -14,6 +65,17 @@ color: #ffffff!important; opacity: 0.5; } + .ant-input { + border-radius: 0; + } + >.anticon { + line-height: 30px; + width: 35px; + border: 1px solid #e8e8e8; + cursor: pointer; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } } .action-wrap { text-align: right; -- Gitblit v1.8.0