在 user-home.css 里给文章 tab 加了桌面端双列网格

This commit is contained in:
2026-08-23 12:09:45 +08:00
parent abd43417a9
commit 5d8b93ac5b
2 changed files with 15 additions and 8 deletions
+13 -7
View File
@@ -411,14 +411,20 @@
box-shadow: none;
}
/* 宽屏双列:无侧边栏全文宽时文章卡片并排两列,同 zibll site-layout-1 */
/* 宽屏双列:无侧边栏全文宽时文章卡片并排两列,视觉同 zibll site-layout-1
* (zibll 用 inline-flex+calc(50%),对标记空白敏感,此处用等几何的 grid) */
@media (min-width: 992px) {
.aksrt-user-home #panel-posts .aksrt-user-home__post-list .posts-item {
display: inline-flex;
width: calc(50% - 16px);
margin: 8px;
border-radius: var(--main-radius, 8px);
vertical-align: top;
.aksrt-user-home #panel-posts .aksrt-user-home__post-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
align-items: start;
margin-right: 0;
margin-left: 0;
}
.aksrt-user-home #panel-posts .aksrt-user-home__post-list > .posts-item {
margin: 0 !important; /* 抵消 vendored .posts-row > * 的 8px !important 边距 */
}
}