From a55e763525e54d0212fd53e2015f8bc1da302c24 Mon Sep 17 00:00:00 2001
From: goddonebianu <goddonebianu@outlook.com>
Date: Thu, 8 Jan 2026 09:45:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3dictionary=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E6=A1=86=E6=BA=A2=E5=87=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(features)/dictionary/SearchForm.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(features)/dictionary/SearchForm.tsx b/src/app/(features)/dictionary/SearchForm.tsx
index 3720992..f814061 100644
--- a/src/app/(features)/dictionary/SearchForm.tsx
+++ b/src/app/(features)/dictionary/SearchForm.tsx
@@ -38,18 +38,18 @@ export function SearchForm({
             </div>
 
             {/* 搜索表单 */}
-            <form onSubmit={onSearch} className="flex gap-2">
+            <form onSubmit={onSearch} className="flex flex-col sm:flex-row gap-2">
                 <input
                     type="text"
                     value={searchQuery}
                     onChange={(e: React.ChangeEvent<HTMLInputElement>) => onSearchQueryChange(e.target.value)}
                     placeholder={t("searchPlaceholder")}
-                    className="flex-1 px-4 py-3 text-lg text-gray-800 focus:outline-none border-b-2 border-gray-600 bg-white/90 rounded"
+                    className="flex-1 min-w-0 px-4 py-3 text-lg text-gray-800 focus:outline-none border-b-2 border-gray-600 bg-white/90 rounded"
                 />
                 <LightButton
                     type="submit"
                     disabled={isSearching || !searchQuery.trim()}
-                    className="px-6 py-3"
+                    className="px-6 py-3 whitespace-nowrap text-center sm:min-w-30"
                 >
                     {isSearching ? t("searching") : t("search")}
                 </LightButton>