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 {
|
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user