From 2a2b1b8928622c51f89c264c4a27d122ca6e64b2 Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Sat, 18 Apr 2026 18:12:52 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=B2=BE=E6=B2=B9=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E6=A1=86=E6=92=91=E5=AE=BD=E6=95=B4=E8=A1=A8=EF=BC=8C=E9=99=90?=
 =?UTF-8?q?=E5=88=B6=20width=20100%=20=E8=AE=A9=204=20=E5=88=97=E9=83=BD?=
 =?UTF-8?q?=E8=83=BD=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.form-select 之前没设 width，<input> 默认 size=20 宽约 180px，
把整个 editor-table 撑出面板，后面几列被挤出屏幕。加 width 100%
+ min-width 0 + box-sizing border-box，让精油列占剩余空间即可。
---
 frontend/src/views/RecipeManager.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/views/RecipeManager.vue b/frontend/src/views/RecipeManager.vue
index c8c1bc5..1c7921c 100644
--- a/frontend/src/views/RecipeManager.vue
+++ b/frontend/src/views/RecipeManager.vue
@@ -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;
 }