fix: 精油搜索框撑宽整表,限制 width 100% 让 4 列都能展示
All checks were successful
PR Preview / teardown-preview (pull_request) Has been skipped
Test / unit-test (push) Successful in 9s
Test / build-check (push) Successful in 5s
PR Preview / test (pull_request) Successful in 10s
PR Preview / deploy-preview (pull_request) Successful in 17s
Test / e2e-test (push) Successful in 4m52s

.form-select 之前没设 width,<input> 默认 size=20 宽约 180px,
把整个 editor-table 撑出面板,后面几列被挤出屏幕。加 width 100%
+ min-width 0 + box-sizing border-box,让精油列占剩余空间即可。
This commit is contained in:
2026-04-18 18:12:52 +00:00
parent dacd4887aa
commit 2a2b1b8928

View File

@@ -2307,6 +2307,9 @@ watch(() => recipeStore.recipes, () => {
.form-select { .form-select {
flex: 1; flex: 1;
width: 100%;
min-width: 0;
box-sizing: border-box;
padding: 8px 10px; padding: 8px 10px;
border: 1.5px solid #d4cfc7; border: 1.5px solid #d4cfc7;
border-radius: 8px; border-radius: 8px;
@@ -2328,6 +2331,7 @@ watch(() => recipeStore.recipes, () => {
.oil-search-wrap { .oil-search-wrap {
flex: 1; flex: 1;
width: 100%;
position: relative; position: relative;
} }