From 45bb80ad4e2cdfc4f7c63121b59c2e4aadafb05a Mon Sep 17 00:00:00 2001
From: ocsin1 <2719912597@qq.com>
Date: Mon, 8 Jun 2026 18:03:06 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E8=87=AA=E5=AE=9A=E4=B9=89=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F=E4=BB=BB=E5=8A=A1):=20=E4=BF=AE=E5=A4=8D=E7=AA=97?=
 =?UTF-8?q?=E5=8F=A3=E8=BE=83=E7=AA=84=E6=97=B6=E5=AF=BC=E5=85=A5=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E6=8C=89=E9=92=AE=E6=98=BE=E7=A4=BA=E4=B8=8D=E5=85=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FormControls.tsx |  4 ++--
 src/components/OptionEditor.tsx | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/FormControls.tsx b/src/components/FormControls.tsx
index cc66e672..1bea4c58 100644
--- a/src/components/FormControls.tsx
+++ b/src/components/FormControls.tsx
@@ -312,13 +312,13 @@ export function FileInput({
   };
 
   return (
-    <div className={clsx('flex gap-2', className)}>
+    <div className={clsx('flex min-w-0 gap-2', className)}>
       <TextInput
         value={value}
         onChange={onChange}
         placeholder={placeholder}
         disabled={disabled}
-        className="flex-1"
+        className="min-w-0 flex-1"
       />
       {isTauri() && (
         <button
diff --git a/src/components/OptionEditor.tsx b/src/components/OptionEditor.tsx
index 64113fd4..7fb70ce1 100644
--- a/src/components/OptionEditor.tsx
+++ b/src/components/OptionEditor.tsx
@@ -250,8 +250,8 @@ function InputField({
 
   return (
     <div className="space-y-1">
-      <div className="flex items-center gap-3">
-        <div className="flex items-center gap-1.5 min-w-0 flex-1">
+      <div className="flex flex-wrap items-center gap-3 min-w-0">
+        <div className="flex items-center gap-1.5 min-w-0 flex-1 basis-[14rem]">
           {input.icon && (
             <AsyncIcon
               icon={input.icon}
@@ -272,14 +272,14 @@ function InputField({
             onChange={onChange}
             placeholder={inputPlaceholder}
             disabled={disabled}
-            className="w-[30%] flex-shrink-0"
+            className="min-w-[min(12rem,100%)] flex-1 basis-[30%]"
           />
         ) : input.input_type === 'time' ? (
           <TimeInput
             value={value}
             onChange={onChange}
             disabled={disabled}
-            className="w-[30%] flex-shrink-0"
+            className="min-w-[min(12rem,100%)] flex-1 basis-[30%]"
           />
         ) : (
           <TextInput
@@ -288,7 +288,7 @@ function InputField({
             placeholder={inputPlaceholder}
             disabled={disabled}
             hasError={!!validationError}
-            className="w-[30%] flex-shrink-0"
+            className="min-w-[min(12rem,100%)] flex-1 basis-[30%]"
             type={input.pipeline_type === 'int' ? 'number' : 'text'}
             inputMode={input.pipeline_type === 'int' ? 'numeric' : undefined}
             step={input.pipeline_type === 'int' ? 1 : undefined}