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:
@@ -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' : ''; ?>">
|
||||||
|
|||||||
Reference in New Issue
Block a user