提问管理页面板补卡片底:换主题后内容不再裸铺在场景上

现象:只有 /user/questions 这一页的「卡片」像完全透明的,其它后台页正常。

根因不是主题,是模板本来就没有卡片容器:提问列表是
<div class=uk-margin-medium-bottom> + <hr> 直接铺在页面上,整个模板只有 1 处 .uk-card
(还是投票 tab 里的「我的投票」标题条)。默认主题底色是纯白,所以看不出来;
换成带整页插画的主题后,场景整片透上来,就成了「卡片透明」。

给 .qlist-panel 兜一层卡片底(--tb-surface + 圆角 + 阴影),三个 tab 共用;
面板内已有的一张 .uk-card-default 降成 --tb-surface-2 去阴影,避免卡片套卡片。
≤640px 收紧内边距。与主题无关,默认外观也会多这层卡(和其它后台页一致)。
This commit is contained in:
tamakyi
2026-10-21 19:32:29 +08:00
parent 34a262091b
commit f37ff28a46
+15
View File
@@ -31,6 +31,21 @@
font-weight: 600;
}
.qlist-panel[hidden] { display: none !important; }
/* 三个面板兜一层卡片底。此前面板内容是裸行(只靠 <hr> 分隔)直接铺在页面背景上,
默认主题底色是纯白所以看不出来;换成带整页插画的主题后,场景会整片透上来,
看着就像"这一页的卡片是透明的"。和其它后台页保持一致,也和主题无关。 */
.qlist-panel {
background: var(--tb-surface);
border-radius: var(--tb-radius);
box-shadow: var(--tb-shadow);
padding: 18px 20px 8px;
}
/* 面板内部本来还有一张卡片(投票 tab 的「我的投票」标题条):降成次级底色,
否则就是卡片套卡片,阴影会叠一层脏边。 */
.qlist-panel .uk-card-default { background: var(--tb-surface-2); box-shadow: none; }
@media (max-width: 640px) {
.qlist-panel { padding: 14px 12px 4px; }
}
.all-votes-list { display: grid; gap: 10px; }
.all-vote-item {
display: flex;