Переглянути джерело

feat: 优化暗黑模式样式

luoyali 1 рік тому
батько
коміт
7a89afface

+ 5 - 8
src/views/flow/group/components/listGroup.vue

@@ -241,21 +241,21 @@ defineExpose({
 			padding: 0px 16px 0px 12px;
 			font-size: 16px;
 			line-height: 24px;
-			color: rgb(37, 40, 52);
-			background-color: rgba(244, 245, 246, 0.5);
+			//background-color: rgba(244, 245, 246, 0.5);
+			background-color: var(--el-text-color-secondary);
+			opacity: 0.3; // 这里的背景色还是有问题
 			&_title {
 				position: relative;
 				font-family: PingFangSC-Medium;
 				display: flex;
 				align-items: center;
-				color: rgba(3, 3, 3, 1);
 				&.disabled {
 					color: var(--el-text-color-disabled);
 				}
 				.edit_line {
 					display: inline-block;
 					width: 200px;
-					border: 1px solid #eeeeee;
+					border: 1px solid var(--el-text-color-primary);
 					visibility: hidden;
 					height: 36px;
 					position: absolute;
@@ -287,7 +287,7 @@ defineExpose({
 			justify-content: flex-start;
 			padding: 16px;
 			&:not(.group_item-disabled):hover {
-				background-color: #ededee;
+				background-color: var(--el-fill-color-lighter);
 			}
 			.group_itemIcon {
 				flex-shrink: 0;
@@ -311,7 +311,6 @@ defineExpose({
 			.group_itemSeeable {
 				min-width: 175px;
 				font-size: 14px;
-				color: #1f2329;
 				overflow: hidden;
 				text-overflow: ellipsis;
 				white-space: nowrap;
@@ -329,7 +328,6 @@ defineExpose({
 				overflow: hidden;
 				white-space: nowrap;
 				line-height: 17px;
-				color: #8f959e;
 				font-family: PingFangSC-Regular;
 			}
 			.group_itemNameWrapper {
@@ -342,7 +340,6 @@ defineExpose({
 				overflow: hidden;
 				white-space: nowrap;
 				line-height: 16px;
-				color: #1f2329;
 				font-weight: 500;
 				font-family: PingFangSC-Medium;
 			}

+ 1 - 1
src/views/flow/group/index.vue

@@ -85,7 +85,7 @@ const createProcessEv = () => {
 	padding-bottom: 15px;
 }
 .ApprovalList {
-	width: 100%;
+	width: 98%;
 	max-width: 1000px;
 }
 </style>