fix(user-center): drop outer mega-card under assets

Assets row is layout-only; each wallet/points cell is one card.
Strip zib-widget shell from record tabs so nothing stacks under.
This commit is contained in:
2026-07-17 15:24:22 +08:00
parent e24780386b
commit c789f71526
2 changed files with 38 additions and 32 deletions
+37 -31
View File
@@ -6,59 +6,55 @@
box-shadow: none; box-shadow: none;
} }
/* Dual asset row — single surface, two cells side-by-side (stack on mobile) */ /* Dual asset row — layout only (no outer mega-card). Desktop: 1 row; mobile: 2 rows. */
.uc-assets-row { .uc-assets-row {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 0; gap: 12px;
margin-bottom: 16px; margin-bottom: 16px;
background: var(--main-bg-color, var(--surface-1, #fff)); background: transparent;
border-radius: var(--main-radius, 8px); border: 0;
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08)); box-shadow: none;
border: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
overflow: hidden;
} }
.uc-assets-row--dual { .uc-assets-row--dual {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.uc-assets-col { .uc-assets-col {
min-width: 0; min-width: 0;
} display: flex;
.uc-assets-row--dual .uc-assets-col + .uc-assets-col { flex-direction: column;
border-left: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06)); gap: 10px;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.uc-assets-row--dual { .uc-assets-row--dual {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.uc-assets-row--dual .uc-assets-col + .uc-assets-col {
border-left: 0;
border-top: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
}
}
/* Card cells sit flat inside the row surface — no nested card chrome */
.uc-assets-row .uc-asset-card,
.uc-assets-row .uc-asset-card.zib-widget {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
margin: 0;
padding: 16px 20px;
clear: none;
}
.uc-assets-row .uc-card-pass {
margin: 0 16px 16px;
} }
/* One surface per asset (wallet / points) — never nest inside another card shell */
.uc-asset-card { .uc-asset-card {
background: var(--main-bg-color, var(--surface-1, #fff)); background: var(--main-bg-color, var(--surface-1, #fff));
border-radius: var(--main-radius, 8px); border-radius: var(--main-radius, 8px);
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08)); box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
border: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
padding: 16px 20px; padding: 16px 20px;
margin-bottom: 0; margin-bottom: 0;
} }
.uc-assets-row .uc-asset-card.zib-widget {
/* defensive if class reintroduced */
margin-bottom: 0;
clear: none;
}
/* Card-pass under a col must not look like a second stacked card */
.uc-assets-col > .uc-card-pass {
margin: 0;
padding: 12px 14px;
border-radius: 8px;
border: 1px dashed var(--color-line, #e5e7eb);
background: var(--muted-bg-color, #f8fafc);
box-shadow: none;
}
.uc-asset-card__head { .uc-asset-card__head {
margin-bottom: 8px; margin-bottom: 8px;
} }
@@ -312,10 +308,20 @@ body.uc-modal-open {
margin-top: 12px; margin-top: 12px;
} }
/* Asset record tabs (Zibll tab-nav-theme) */ /* Asset record tabs — flat tab strip + list, no zib-widget mega-card */
.uc-asset-tabs { .uc-asset-tabs {
margin-top: 8px; margin-top: 8px;
padding: 12px 16px 16px; padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.uc-asset-tabs.zib-widget {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
margin-bottom: 0;
} }
.uc-asset-tabs__nav { .uc-asset-tabs__nav {
display: flex; display: flex;
@@ -56,7 +56,7 @@ if ($show_wallet || $show_credits) :
} }
$show_tasks = $show_credits && class_exists('\AKSRT\Credits\PointsFree') && \AKSRT\Credits\PointsFree::enabled(); $show_tasks = $show_credits && class_exists('\AKSRT\Credits\PointsFree') && \AKSRT\Credits\PointsFree::enabled();
?> ?>
<div class="uc-asset-tabs zib-widget"> <div class="uc-asset-tabs">
<ul class="uc-asset-tabs__nav list-inline tab-nav-theme font-bold"> <ul class="uc-asset-tabs__nav list-inline tab-nav-theme font-bold">
<?php if ($show_wallet) : ?> <?php if ($show_wallet) : ?>
<li class="<?php echo $active_record === 'balance' ? 'active' : ''; ?>"> <li class="<?php echo $active_record === 'balance' ? 'active' : ''; ?>">