fix(提交列表): 窗口窄时筛选栏的学生、题号框被压扁,「统计」被挤出屏幕

排不下就折成两行,各个框保持原宽;1280 以上照旧一行、高度不变。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-10-19 21:38:53 +08:00
1 parent a24bb6c80b
commit 5c997b6276
1 file changed
+12 -3
+12 -3
View File
@@ -1147,23 +1147,31 @@ function dayBreak(index: number) {
}
.filters {
height: 60px;
min-height: 60px;
flex: none;
box-sizing: border-box;
padding: 0 var(--oj-pad-x);
padding: 12px var(--oj-pad-x);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
white-space: nowrap;
border-bottom: 1px solid v-bind("theme.dividerColor");
}
/* 窗口窄(或浏览器放大)排不下时折成两行,各个框保持原宽,不再被压扁、「统计」不再被挤出去 */
.filters:not(.mobile-filters) > * {
flex-shrink: 0;
}
.mobile-filters {
padding: 0 14px;
}
.mobile-filters {
height: 56px;
min-height: 0;
flex-wrap: nowrap;
gap: 4px;
}
@@ -1248,7 +1256,8 @@ function dayBreak(index: number) {
控件放大到 34 高以后再把两头留白和标签的字收回一点 */
@media (max-width: 1365px) {
.filters {
padding: 0 16px;
padding-left: 16px;
padding-right: 16px;
}
.w-user {
width: 108px;