tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 航栏右侧图标垂直居中对齐问题及顶部模式下通知图标颜色不一致问题

Browse Source
This commit is contained in:
Ray.Hao
2025-04-15 18:32:56 +08:00
parent 52790a6c10
commit 0fa7df5e2a
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/layout/components/NavBar/components/NavbarRight.vue
View File

@@ -107,10 +107,11 @@ function logout() {
justify-content: center; justify-content: center;
& > * { & > * {
display: inline-block; display: flex;
align-items: center;
justify-content: center;
min-width: 40px; min-width: 40px;
height: $navbar-height; height: $navbar-height;
line-height: $navbar-height;
color: var(--el-text-color); color: var(--el-text-color);
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
@@ -141,6 +142,12 @@ function logout() {
.layout-top .navbar__right--white > *, .layout-top .navbar__right--white > *,
.layout-mix .navbar__right--white > * { .layout-mix .navbar__right--white > * {
color: #fff; color: #fff;
// 强制所有svg图标为白色（包括通知图标）
:deep(svg) {
color: #fff;
fill: #fff;
}
} }
.dark .navbar__right > *:hover { .dark .navbar__right > *:hover {