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

fix(vip): flatten panel and format membership summary

Browse Source 
Remove the shared dashboard card around the VIP panel and render membership details as title, level, intro, and expiry rows.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
kate522
2026-08-04 18:43:54 +08:00
co-authored by Claude Fable 5
parent 480a0bb498
commit 0551260403
2 changed files with 61 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/routes/user-center/vip.css
+37 -24
View File
@@ -36,47 +36,60 @@
line-height: 1;
}
.uc-content #panel-vip.dashboard-panel {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.uc-vip-status {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: start;
column-gap: 16px;
row-gap: 2px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
min-width: 0;
text-align: left;
}
.uc-vip-status__label {
padding-top: 2px;
color: var(--muted-2-color, var(--color-ink-4));
font-size: 13px;
font-weight: 600;
line-height: 1.45;
white-space: nowrap;
}
.uc-vip-status__body {
min-width: 0;
color: var(--color-ink, var(--main-color, #172033));
font-size: 14px;
font-weight: 700;
line-height: 1.4;
}
.uc-vip-status__main {
display: flex;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
gap: 7px;
min-width: 0;
font-size: 1.15em;
line-height: 1.3;
}
.uc-vip-status__main > .em16 {
margin-right: 0;
font-size: 1.2em;
line-height: 1.25;
.uc-vip-status__main > i {
color: var(--focus-color, var(--color-primary, #f04494));
font-size: 0.95em;
}
.uc-vip-status__desc,
.uc-vip-status__expiry {
min-width: 0;
font-size: 0.9em;
line-height: 1.4;
}
.uc-vip-status__desc {
margin-top: 3px;
line-height: 1.4;
margin-top: 1px;
}
.uc-vip-status__expiry {
margin-top: 1px;
}
@media (max-width: 767px) {