feat(widgets): product mini rows + paid list/card styles

Product list mini/list compact DOM; paid posts style mini|list|card via
shared post renderer; residual CSS for mini product/paid grids.
This commit is contained in:
2026-07-21 13:13:08 +08:00
parent 1de0cac8df
commit c507ffaa23
4 changed files with 65 additions and 12 deletions
+19
View File
@@ -2533,3 +2533,22 @@ a.main-color > .icon-cover-card:hover,
.aksrt-plate-info .count-mates .em14 { font-weight: 700; line-height: 1.2; }
.aksrt-fi[data-aksrt-feature-intro] .aksrt-fi__panel { display: none; }
.aksrt-fi[data-aksrt-feature-intro] .aksrt-fi__panel.is-active { display: block; }
/* batch43-45 residual */
.aksrt-product-widget__item--mini {
gap: 10px; padding: 8px 0;
border-bottom: 1px solid var(--color-line, rgba(0,0,0,.06));
}
.aksrt-product-widget__item--mini:last-child { border-bottom: 0; }
.aksrt-product-widget__thumb.mini {
flex: 0 0 56px; width: 56px; height: 56px; border-radius: 8px; overflow: hidden;
background: var(--surface-2, #f3f4f6); display: block;
}
.aksrt-product-widget__thumb.mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aksrt-paid-posts.style-card { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.aksrt-paid-posts.style-list .aksrt-paid-posts__item { margin-bottom: 10px; }
.aksrt-paid-posts__price.badge {
display: inline-block; margin-top: 4px; padding: 1px 6px; border-radius: 4px;
background: rgba(240,68,148,.1); color: var(--theme-color, #f04494); font-size: 12px;
}