Эх сурвалжийг харах

style(breadcrumb): update disabled text color

陈凯龙 3 жил өмнө
parent
commit
1522e925ba

+ 13 - 3
src/components/Breadcrumb/src/Breadcrumb.vue

@@ -83,7 +83,7 @@ export default defineComponent({
 </script>
 
 <style lang="less" scoped>
-:deep(.el-breadcrumb__item):not(:last-child) {
+:deep(.el-breadcrumb__item) {
   display: flex;
 
   .el-breadcrumb__inner {
@@ -97,12 +97,22 @@ export default defineComponent({
   }
 }
 
+:deep(.el-breadcrumb__item):not(:last-child) {
+  .el-breadcrumb__inner {
+    color: var(--top-header-text-color);
+
+    &:hover {
+      color: var(--el-color-primary);
+    }
+  }
+}
+
 :deep(.el-breadcrumb__item):last-child {
   .el-breadcrumb__inner {
-    color: rgba(255, 255, 255, 0.6);
+    color: var(--el-text-color-placeholder);
 
     &:hover {
-      color: rgba(255, 255, 255, 0.6);
+      color: var(--el-text-color-placeholder);
     }
   }
 }