fix(mobile): 主管待复盘筛选胶囊大字档横滑防换行

大字/超大字档下筛选行有效宽度收窄,胶囊文字被挤成两行。
改为胶囊条 flex 不收缩 + 横向滚动 + 文字 nowrap,排序按钮固定右侧。
三档(standard/large/extra-large)截图验证通过。
This commit is contained in:
2026-07-21 12:39:20 +08:00
parent 321d7ac49a
commit 49189474c1
@@ -376,11 +376,19 @@ onShow(() => {
.filter-tabs {
display: flex;
flex: 1 1 auto;
gap: 8px;
min-width: 0;
overflow-x: auto;
}
.filter-tabs::-webkit-scrollbar {
display: none;
}
.filter-tab {
display: flex;
flex: 0 0 auto;
min-height: 34px;
align-items: center;
justify-content: center;
@@ -393,6 +401,7 @@ onShow(() => {
font-size: 13px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
.filter-tab::after {
@@ -415,6 +424,7 @@ onShow(() => {
background: transparent;
color: #666a72;
font-size: 13px;
white-space: nowrap;
font-weight: 700;
line-height: 1.4;
}