在 user-home.css 里给文章 tab 加了桌面端双列网格
This commit is contained in:
@@ -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 边距 */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user