From 42abb412ad6305fedffb81ce5af1d0e49218a0ec Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 15 二月 2023 00:45:27 +0800
Subject: [PATCH] 2023-02-15
---
src/tabviews/custom/components/module/voucher/loadFromTemp/index.scss | 89 ++++++++++++++------------------------------
1 files changed, 29 insertions(+), 60 deletions(-)
diff --git a/src/tabviews/custom/components/module/voucher/loadFromTemp/index.scss b/src/tabviews/custom/components/module/voucher/loadFromTemp/index.scss
index 8d8855c..17e09d8 100644
--- a/src/tabviews/custom/components/module/voucher/loadFromTemp/index.scss
+++ b/src/tabviews/custom/components/module/voucher/loadFromTemp/index.scss
@@ -1,87 +1,79 @@
.mk-temp-list-wrap {
.ant-modal-body {
- padding: 15px;
+ padding: 15px 20px;
}
.document-wrap {
+ .ant-input-search {
+ width: 200px;
+ margin-bottom: 5px;
+ }
.document-title {
display: flex;
background: #e8e8e8;
line-height: 38px;
border: 1px solid #d8d8d8;
border-bottom: none;
+ padding-left: 38px;
.folder-box {
width: 200px;
text-align: center;
- border-right: 1px solid #d8d8d8;
}
.folder {
flex: 1;
- .square-select {
- top: 3px;
- margin: 0 10px;
- }
+ text-align: center;
}
}
.document-body {
border: 1px solid #d8d8d8;
height: 300px;
- display: flex;
- .doc-name {
- width: 200px;
- text-align: center;
- border-right: 1px solid #d8d8d8;
- height: 100%;
- overflow-y: auto;
- div {
- border-bottom: 1px solid #e8e8e8;
- height: 40px;
- line-height: 40px;
- }
- .active {
- background: var(--mk-sys-color1);
- }
- }
.file-wrap {
- flex: 1;
- width: calc(100% - 200px);
+ width: 100%;
height: 100%;
overflow-y: auto;
.file-item {
border-bottom: 1px solid #e8e8e8;
height: 40px;
line-height: 40px;
+ display: flex;
.square-select {
- top: 4px;
+ top: 12px;
margin: 0 10px;
}
- img {
- width: 20px;
- height: 20px;
- margin-top: -2px;
- margin-right: 5px;
- }
- .file-name {
+ .folder-name {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
- width: calc(100% - 90px);
+ text-align: center;
+ width: 200px;
+ padding: 0 5px;
+ }
+ .file-name {
+ flex: 1;
+ display: inline-block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ vertical-align: top;
+ text-align: center;
+ width: calc(100% - 200px);
+ padding: 0 5px;
}
}
}
}
- .doc-name::-webkit-scrollbar, .file-wrap::-webkit-scrollbar {
+ .file-wrap::-webkit-scrollbar {
width: 7px;
}
- .doc-name::-webkit-scrollbar-thumb, .file-wrap::-webkit-scrollbar-thumb {
+ .file-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);
}
- .doc-name::-webkit-scrollbar-track, .file-wrap::-webkit-scrollbar-track {
+ .file-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);
@@ -95,6 +87,7 @@
height: 16px;
border: 1px solid #cccccc;
box-sizing: content-box;
+ border-radius: 16px;
margin: auto;
margin-right: 5px;
background-color: #ffffff;
@@ -104,30 +97,6 @@
.square-select.active {
border-color: var(--mk-sys-color);
- background: var(--mk-sys-color);
- }
- .square-select.half {
- border-color: var(--mk-sys-color);
- }
- .square-select.disabled {
- border-color: #e8e8e8;
- background: #e8e8e8;
- cursor: default;
- }
- .square-select.disabled::before {
- border-color: #e8e8e8;
- }
- .square-select.half::before {
- display: none;
- }
- .square-select.half::after {
- position: absolute;
- top: 4px;
- left: 4px;
- content: ' ';
- display: block;
- width: 8px;
- height: 8px;
background: var(--mk-sys-color);
}
--
Gitblit v1.8.0