fix(提交列表): 窗口窄时筛选栏的学生、题号框被压扁,「统计」被挤出屏幕
排不下就折成两行,各个框保持原宽;1280 以上照旧一行、高度不变。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
a24bb6c80b
commit
5c997b6276
1 file changed
+12
-3
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user