kate522/wordpress-theme-aksrt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(nav): align header user-card VIP CTA with check-in button

Browse Source 
Drop navbar-cta/pill radius classes from the dropdown 开通会员 link and
force full-width 6px radius geometry to match the签到 button.
This commit is contained in:
kate522 committed 2026-07-25 11:42:13 +08:00
1 parent 7b22f7336d
commit e98f94bc06
2 files changed
+54 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/frontend/nav/header-userbox.css
+51 -10
View File
@@ -109,23 +109,64 @@
text-decoration: none;
}
/* VIP open CTA: same geometry as .aksrt-header-checkin (full width, 6px radius).
* Override any leftover .navbar-cta / .but.radius pill rules from top-nav. */
.user-dropdown .aksrt-header-payvip .payvip-icon,
.user-dropdown .aksrt-header-payvip .but,
.user-dropdown .aksrt-header-payvip__cta,
.aksrt-header-payvip .payvip-icon,
.aksrt-header-payvip .but {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
.aksrt-header-payvip .but,
.aksrt-header-payvip__cta {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 36px;
max-height: none !important;
box-sizing: border-box;
text-align: center;
text-decoration: none;
padding: 8px 10px;
border-radius: 6px;
background: linear-gradient(90deg, #ff6b6b, #f04494);
color: #fff;
padding: 8px 10px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 600;
line-height: 1.3;
white-space: nowrap;
background: linear-gradient(90deg, #ff6b6b, #f04494) !important;
color: #fff !important;
flex: none !important;
transform: none !important;
}
.user-dropdown .aksrt-header-payvip .payvip-icon > i,
.user-dropdown .aksrt-header-payvip .but > i,
.user-dropdown .aksrt-header-payvip__cta > i,
.aksrt-header-payvip .payvip-icon > i,
.aksrt-header-payvip .but > i {
.aksrt-header-payvip .but > i,
.aksrt-header-payvip__cta > i {
margin: 0 !important;
flex: 0 0 auto;
line-height: 1;
color: inherit !important;
}
.user-dropdown .aksrt-header-payvip__cta > span,
.aksrt-header-payvip__cta > span {
line-height: 1.3;
color: inherit;
}
.user-dropdown .aksrt-header-payvip__cta:hover,
.aksrt-header-payvip__cta:hover {
opacity: 0.92;
color: #fff !important;
}
/* Active VIP: level on line 1, smaller expiry on line 2 (no orange pill). */