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

Merge pull request 'fix(user-center): drop outer mega-card under assets' (#200) from fix/uc-assets-row-side-by-side into main

Browse Source 
Reviewed-on: CYL/wordpress-theme-aksrt#200
This commit is contained in:
kate522
2026-07-17 15:25:42 +08:00
parent a395d1ccb9 c789f71526
commit d55d1c6b62
2 changed files with 38 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/routes/user-center/credits.css
+37 -31
View File
@@ -6,59 +6,55 @@
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 {
display: grid;
grid-template-columns: 1fr;
gap: 0;
gap: 12px;
margin-bottom: 16px;
background: var(--main-bg-color, var(--surface-1, #fff));
border-radius: var(--main-radius, 8px);
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));
overflow: hidden;
background: transparent;
border: 0;
box-shadow: none;
}
.uc-assets-row--dual {
grid-template-columns: 1fr 1fr;
}
.uc-assets-col {
min-width: 0;
}
.uc-assets-row--dual .uc-assets-col + .uc-assets-col {
border-left: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 767px) {
.uc-assets-row--dual {
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 {
background: var(--main-bg-color, var(--surface-1, #fff));
border-radius: var(--main-radius, 8px);
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;
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 {
margin-bottom: 8px;
}
@@ -312,10 +308,20 @@ body.uc-modal-open {
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 {
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 {
display: flex;
inc/helpers/user-center-renderers/profile-credits.php
+1 -1
View File
@@ -56,7 +56,7 @@ if ($show_wallet || $show_credits) :
}
$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">
<?php if ($show_wallet) : ?>
<li class="<?php echo $active_record === 'balance' ? 'active' : ''; ?>">