From cdcc29e61036339e9d731f83804cec5347878ea5 Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Fri, 27 Mar 2026 22:00:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=B2=89=E6=B5=B8?=
 =?UTF-8?q?=E5=BA=95=E6=A0=8F=E5=AE=BD=E5=BA=A6=E5=9B=BA=E5=AE=9A=E5=8F=8A?=
 =?UTF-8?q?=E6=A8=AA=E5=90=91=E6=BB=9A=E5=8A=A8=E6=9D=A1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Home.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 70223be..89fbec5 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -121,7 +121,6 @@ export const Home: React.FC<HomeProps> = ({
   const immersiveToolbarContentRef = useRef<HTMLDivElement>(null)
   const [immersiveToolbarWidth, setImmersiveToolbarWidth] = useState<number | null>(null)
   const immersiveToolbarHorizontalPadding = 20
-  const immersiveToolbarMinWidth = 320
 
   const [selectedStudent, setSelectedStudent] = useState<student | null>(null)
   const [batchMode, setBatchMode] = useState(false)
@@ -338,10 +337,7 @@ export const Home: React.FC<HomeProps> = ({
       if (frameId !== null) cancelAnimationFrame(frameId)
       frameId = requestAnimationFrame(() => {
         const contentWidth = Math.ceil(contentEl.scrollWidth)
-        const nextWidth = Math.max(
-          immersiveToolbarMinWidth,
-          contentWidth + immersiveToolbarHorizontalPadding
-        )
+        const nextWidth = contentWidth + immersiveToolbarHorizontalPadding
         setImmersiveToolbarWidth((prev) => (prev === nextWidth ? prev : nextWidth))
       })
     }
@@ -356,7 +352,7 @@ export const Home: React.FC<HomeProps> = ({
       window.removeEventListener("resize", updateToolbarWidth)
       if (frameId !== null) cancelAnimationFrame(frameId)
     }
-  }, [immersiveMode, immersiveToolbarHorizontalPadding, immersiveToolbarMinWidth])
+  }, [immersiveMode, immersiveToolbarHorizontalPadding])
 
   useEffect(() => {
     return () => {
@@ -2538,12 +2534,11 @@ export const Home: React.FC<HomeProps> = ({
               immersiveToolbarContentRef.current = node
             }}
             style={{
-              display: "flex",
+              display: "inline-flex",
               alignItems: "center",
               gap: "8px",
-              overflowX: "auto",
+              overflowX: "visible",
               justifyContent: "flex-start",
-              scrollbarWidth: "thin",
             }}
           >
             <Input