From 4b19f55bce74aacd145cd91ae56e922a0e0b30ab Mon Sep 17 00:00:00 2001
From: 疯狂的狮子Li <15040126243@163.com>
Date: 星期三, 17 四月 2024 19:40:34 +0800
Subject: [PATCH] update 优化 el-select 与 el-input 全局样式
---
src/assets/styles/element-ui.scss | 78 +++++++++++++++++++++++++++++++--------
1 files changed, 62 insertions(+), 16 deletions(-)
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 0f175f2..dc2fbe7 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -1,4 +1,20 @@
-// cover some element-ui styles
+
+.el-collapse {
+ .collapse__title {
+ font-weight: 600;
+ padding: 0 8px;
+ font-size: 1.2em;
+ line-height: 1.1em;
+ }
+ .el-collapse-item__content {
+ padding: 0 8px;
+ }
+}
+
+.el-divider--horizontal {
+ margin-bottom: 10px;
+ margin-top: 10px;
+}
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
@@ -6,7 +22,7 @@
}
.el-upload {
- input[type="file"] {
+ input[type='file'] {
display: none !important;
}
}
@@ -46,12 +62,37 @@
}
}
-// to fixed https://github.com/ElemeFE/element/issues/2461
-.el-dialog {
- transform: none;
- left: 0;
- position: relative;
- margin: 0 auto;
+/*-------------Dialog-------------**/
+.el-overlay {
+ overflow: hidden;
+
+ .el-overlay-dialog {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+
+ .el-dialog {
+ margin: 0 auto !important;
+
+ .el-dialog__body {
+ padding: 15px !important;
+ }
+ .el-dialog__header {
+ padding: 16px 16px 8px 16px;
+ box-sizing: border-box;
+ border-bottom: 1px solid var(--brder-color);
+ margin-right: 0;
+ }
+ }
+ }
+}
+
+.el-dialog__body {
+ max-height: calc(90vh - 111px) !important;
+ overflow-y: auto;
+ overflow-x: hidden;
}
// refine element ui upload
@@ -69,7 +110,7 @@
// dropdown
.el-dropdown-menu {
a {
- display: block
+ display: block;
}
}
@@ -83,14 +124,19 @@
box-sizing: content-box;
}
-.el-menu--collapse
- > div
- > .el-submenu
- > .el-submenu__title
- .el-submenu__icon-arrow {
+.el-menu--collapse > div > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
display: none;
}
-.el-dropdown .el-dropdown-link{
+.el-dropdown .el-dropdown-link {
color: var(--el-color-primary) !important;
-}
\ No newline at end of file
+}
+
+// 淇el-select涓嬫媺妗嗗搴﹂棶棰�
+.el-select {
+ width: 240px !important;
+}
+
+.el-input {
+ width: 240px !important;
+}
--
Gitblit v1.9.3