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