From 3b5a6c9141a5972f060ae61c3c3bbcdf14ccfbf4 Mon Sep 17 00:00:00 2001
From: mtvpls <mtvpls@redaaa.ip-ddns.com>
Date: Wed, 11 Mar 2026 20:24:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E5=BC=B9=E5=B9=95=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=A1=86=E6=8C=A4=E5=8E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DanmakuPanel.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/DanmakuPanel.tsx b/src/components/DanmakuPanel.tsx
index 703dfa7..774364f 100644
--- a/src/components/DanmakuPanel.tsx
+++ b/src/components/DanmakuPanel.tsx
@@ -166,7 +166,7 @@ export default function DanmakuPanel({
     <div className='flex h-full flex-col overflow-hidden'>
       {/* 搜索区域 - 固定在顶部 */}
       <div className='mb-4 flex-shrink-0'>
-        <div className='flex gap-2'>
+        <div className='flex flex-wrap gap-2'>
           <input
             type='text'
             value={searchKeyword}
@@ -183,7 +183,7 @@ export default function DanmakuPanel({
             spellCheck='false'
             data-form-type='other'
             data-lpignore='true'
-            className='flex-1 rounded-lg border border-gray-300 px-3 py-2 text-sm
+            className='flex-1 min-w-[220px] rounded-lg border border-gray-300 px-3 py-2 text-sm
                      transition-colors focus:border-green-500 focus:outline-none
                      focus:ring-2 focus:ring-green-500/20
                      dark:border-gray-600 dark:bg-gray-800 dark:text-white
@@ -193,18 +193,18 @@ export default function DanmakuPanel({
           <button
             onClick={() => handleSearch(searchKeyword)}
             disabled={isSearching}
-            className='flex items-center justify-center gap-2 rounded-lg bg-green-500 px-3 py-2
+            className='flex flex-shrink-0 items-center justify-center gap-2 rounded-lg bg-green-500 px-3 py-2
                      text-sm font-medium text-white transition-colors
                      hover:bg-green-600 disabled:cursor-not-allowed
                      disabled:opacity-50 dark:bg-green-600 dark:hover:bg-green-700
-                     sm:px-4 md:gap-2'
+                     lg:px-4 min-w-[44px]'
           >
             {isSearching ? (
               <div className='h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent' />
             ) : (
               <MagnifyingGlassIcon className='h-4 w-4' />
             )}
-            <span className='hidden sm:inline'>
+            <span className='hidden lg:inline'>
               {isSearching ? '搜索中...' : '搜索'}
             </span>
           </button>