feat(widgets): author/user card more-posts strip + ranking empty/TOP
Add shared aksrt-user-card helpers (mini list + swiper-scroll card), wire AuthorCard/UserCard show_posts options, ranking empty state and top_badge.
This commit is contained in:
@@ -883,3 +883,123 @@
|
||||
.aksrt-tag-cloud .c-red-2 { background: #fecaca; color: #991b1b; }
|
||||
|
||||
.aksrt-home-widget__ajax .ajax-pag { margin-top: 12px; text-align: center; }
|
||||
|
||||
/* ---- batch10: user-card more-posts + slider wrap + ranking top badge ---- */
|
||||
.user-card-posts .more-posts-mini .item {
|
||||
padding: 6px 0;
|
||||
border-bottom: 1px dashed var(--color-line, rgba(0, 0, 0, 0.06));
|
||||
}
|
||||
.user-card-posts .more-posts-mini .item:last-child { border-bottom: 0; }
|
||||
.user-card-posts .more-posts-mini .item a {
|
||||
display: block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
}
|
||||
.user-card-posts .more-posts-mini .item a:hover {
|
||||
color: var(--color-primary, #3b82f6);
|
||||
}
|
||||
.user-card-posts .more-posts.swiper-container {
|
||||
margin: 8px 0 0;
|
||||
padding: 0 2px 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.user-card-posts .more-posts .swiper-slide {
|
||||
width: auto;
|
||||
max-width: 46%;
|
||||
}
|
||||
.aksrt-more-post-card {
|
||||
display: block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
background: var(--surface-2, #f8fafc);
|
||||
}
|
||||
.aksrt-more-post-card__thumb {
|
||||
display: block;
|
||||
aspect-ratio: 16 / 10;
|
||||
overflow: hidden;
|
||||
background: var(--surface-3, #eef2f7);
|
||||
}
|
||||
.aksrt-more-post-card__thumb img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.aksrt-more-post-card__body {
|
||||
display: block;
|
||||
padding: 6px 8px 8px;
|
||||
}
|
||||
.aksrt-more-post-card__title {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
line-height: 1.35;
|
||||
}
|
||||
.aksrt-more-post-card__meta {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 6px;
|
||||
margin-top: 4px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.aksrt-widget-slider-wrap {
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.aksrt-widget-slider-wrap .new-swiper {
|
||||
--pc-height: 220px;
|
||||
--m-height: 180px;
|
||||
height: var(--pc-height);
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.aksrt-widget-slider-wrap .new-swiper {
|
||||
height: var(--m-height);
|
||||
}
|
||||
}
|
||||
.aksrt-widget-slider-wrap .swiper-slide img.fit-cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.aksrt-widget-slider-wrap .aksrt-slide-text {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 18px 14px 12px;
|
||||
background: linear-gradient(transparent, rgba(0, 0, 0, 0.55));
|
||||
color: #fff;
|
||||
pointer-events: none;
|
||||
}
|
||||
.aksrt-widget-slider-wrap .aksrt-slide-text__title {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.aksrt-widget-slider-wrap .aksrt-slide-text__desc {
|
||||
font-size: 12px;
|
||||
opacity: 0.9;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.muted-box.c-red,
|
||||
.c-red.muted-box {
|
||||
color: #b91c1c;
|
||||
background: #fef2f2;
|
||||
border: 1px solid #fecaca;
|
||||
border-radius: 8px;
|
||||
padding: 12px 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* ranking empty state */
|
||||
.aksrt-user-ranking__empty {
|
||||
margin: 8px 0 0;
|
||||
font-size: 13px;
|
||||
color: var(--muted-2-color, #999);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user