fix(nav): align VIP hover card titles

The shared VIP image style is block-level, so the hover-card title now uses explicit icon and label flex items to keep both vertically centered on one row.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-08-12 13:59:45 +08:00
co-authored by Claude Opus 4.8
parent 122b0492a3
commit 42a60d14d5
2 changed files with 18 additions and 3 deletions
@@ -591,13 +591,28 @@ body.theme-dark body > .drop-newadd .newadd-btns__item {
}
.sub-vip-card .vip-name {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px;
position: relative;
z-index: 1;
}
.sub-vip-card .vip-name .mr6 {
margin-right: 6px;
.sub-vip-card .vip-name__icon {
display: flex;
flex: 0 0 auto;
align-items: center;
}
.sub-vip-card .vip-name__icon .aksrt-vip-level-icon {
display: block;
height: 1.1em;
width: auto;
}
.sub-vip-card .vip-name__label {
min-width: 0;
}
.sub-vip-card .v-equity,