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

fix(vip): preserve cards and align level icons

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Fable 5 committed 2026-08-11 18:09:59 +08:00
1 parent fbbc8faf3d
commit 52e119acbd
5 files changed
+50 -41
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/css/routes/user-center/credits.css
+27 -21
View File
@@ -699,9 +699,10 @@ body.uc-modal-open {
vertical-align: middle;
}
.uc-vip-card__icon .aksrt-vip-level-icon {
width: 28px;
height: 28px;
.uc-vip-card__icon .aksrt-vip-level-icon,
.uc-vip-level-card .aksrt-vip-level-icon {
width: auto;
height: 1.1em;
}
.uc-vip-card__header {
@@ -1211,11 +1212,11 @@ body.uc-modal-open {
/* Defensive: modal stylesheet also styles .pay-vip-info; keep UC cards independent */
.uc-vip-tab .uc-vip-level-card.pay-vip-info {
display: block;
background: transparent;
border: 0;
box-shadow: none;
border-radius: 0;
padding: 0;
background: var(--main-bg-color, var(--surface-1, #fff));
border: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
box-shadow: var(--shadow-sm);
border-radius: var(--radius, 10px);
padding: 16px;
}
.uc-vip-level-card.level-1 {
background: linear-gradient(180deg, rgba(246, 196, 83, 0.16), rgba(255, 255, 255, 0.02)) !important;
@@ -1227,19 +1228,28 @@ body.uc-modal-open {
display: none;
}
.uc-vip-level-card .v-iconbox {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0;
gap: 8px;
margin-bottom: 10px;
width: 100%;
}
.uc-vip-level-card .v-icon {
display: inline-flex;
width: auto;
height: auto;
border-radius: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent !important;
flex: 0 0 auto;
color: inherit;
}
.uc-vip-level-card .v-info {
display: none;
display: block;
text-align: left;
min-width: 0;
}
.uc-vip-level-card__inner {
position: relative;
@@ -1258,23 +1268,19 @@ body.uc-modal-open {
width: 100%;
}
.uc-vip-level-card .v-icon {
width: 36px;
height: 36px;
border-radius: 50%;
width: auto;
height: auto;
border-radius: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.05);
background: transparent !important;
flex: 0 0 auto;
color: inherit;
}
.uc-vip-level-card.level-1 .v-icon {
background: rgba(246, 196, 83, 0.22);
color: #866127;
}
.uc-vip-level-card.level-1 .v-icon,
.uc-vip-level-card.level-2 .v-icon {
background: rgba(142, 68, 173, 0.16);
color: #6b4aa8;
background: transparent !important;
}
.uc-vip-level-card .v-info {
text-align: left;
assets/css/routes/user-center/vip.css
+7 -7
View File
@@ -24,9 +24,9 @@
padding-inline-end: 84px;
overflow: hidden;
box-sizing: border-box;
border-radius: 0;
background: transparent;
box-shadow: none;
border-radius: var(--radius, 8px);
background: #fff;
box-shadow: var(--shadow-sm);
color: var(--color-ink-2);
}
@@ -112,11 +112,11 @@
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: auto;
width: 36px;
height: 36px;
flex: 0 0 auto;
border-radius: 0;
background: transparent;
border-radius: 50%;
background: var(--vip-card-soft);
color: var(--vip-card-accent);
font-size: 15px;
}