feat(frontend): replace article system with Zibll 9.0

This commit is contained in:
kate522 committed 2026-08-18 16:06:47 +08:00
1 parent 2881c69e9c
commit 0f2ac6c34a
69 files changed
+2603 -4163

No files matched your search

@@ -41,26 +41,6 @@
padding-top: 16px;
}
.aksrt-homepage__posts > .posts-item.list {
padding: 15px;
gap: 14px;
}
.aksrt-homepage__posts > .posts-item.list .item-thumbnail {
width: 160px;
min-width: 160px;
padding-bottom: calc(160px * 0.7);
}
.aksrt-homepage__posts > .posts-item.list.mult-thumb .thumb-items > span {
width: calc(33.333% - 6px);
padding-bottom: calc(var(--posts-list-scale, 70%) / 3);
}
.aksrt-homepage__posts > .posts-item.list.mult-thumb .thumb-items > span:nth-child(4) {
display: none;
}
}
/* ================================================================
@@ -73,41 +53,6 @@
padding-right: 10px;
}
.aksrt-homepage__posts > .posts-item.list {
padding: 12px;
gap: 12px;
margin-bottom: 10px;
}
.aksrt-homepage__posts > .posts-item.list .item-thumbnail {
width: 120px;
min-width: 120px;
padding-bottom: calc(120px * 0.7);
}
.aksrt-homepage__posts .item-heading {
font-size: 15px;
line-height: 1.4;
}
.aksrt-homepage__posts .item-excerpt {
display: none;
}
.aksrt-homepage__posts .meta-right {
display: none;
}
/* Zibll keeps article cards in two columns throughout the mobile range. */
.aksrt-homepage__posts[data-view="card"] {
margin: -5px;
}
.aksrt-homepage__posts[data-view="card"] > .posts-item {
width: calc(50% - 10px);
margin: 5px;
}
/* Tab skeleton: smaller thumb */
.aksrt-homepage__tab-skeleton-thumb {
width: 120px;
@@ -158,44 +103,6 @@
font-size: 13px;
}
.aksrt-homepage__posts > .posts-item.list {
padding: 10px;
gap: 10px;
border-radius: var(--radius, 8px);
}
.aksrt-homepage__posts > .posts-item.list .item-thumbnail {
width: 96px;
min-width: 96px;
padding-bottom: calc(96px * 0.7);
border-radius: 6px;
}
.aksrt-homepage__posts .item-heading {
font-size: 15px;
-webkit-line-clamp: 2;
}
.aksrt-homepage__posts .item-tags .badge {
font-size: 11px;
padding: 2px 5px;
}
.aksrt-homepage__posts .item-meta {
flex-wrap: wrap;
gap: 8px;
font-size: 12px;
}
.aksrt-homepage__posts .meta-avatar {
width: 20px;
height: 20px;
}
.aksrt-homepage__posts .meta-item {
font-size: 12px;
}
/* Tab skeleton: adapt */
.aksrt-homepage__tab-skeleton-thumb {
width: 96px;