lostecho/vue-element-plus-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(breadcrumb): update disabled text color

Browse Source
This commit is contained in:
陈凯龙
2022-01-19 16:49:49 +08:00
parent 71b1c5e10c
commit 1522e925ba
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Breadcrumb/src/Breadcrumb.vue
View File

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