From 4ce9edf7c6ed88eca9ba4079351021b7ad50920e Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Wed, 18 Mar 2026 21:37:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=AB=96=E5=B1=8F=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=8F=B3=E4=BE=A7=E9=97=B4=E8=B7=9D=E9=81=BF=E5=85=8D?=
 =?UTF-8?q?=E5=AD=97=E6=AF=8D=E6=A0=8F=E9=81=AE=E6=8C=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Home.tsx | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 9fd4a20..e1386e1 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -1062,9 +1062,18 @@ export const Home: React.FC<HomeProps> = ({ canEdit, isPortraitMode = false }) =
     }
   }, [groupedStudents, quickNavLayout.itemSize, quickNavLayout.paddingY])
 
+  const shouldShowQuickNav =
+    groupedStudents.length > 1 &&
+    sortType !== "score" &&
+    !(sortType === "alphabet" && searchKeyword)
+
+  const portraitListRightPadding =
+    isPortraitMode && shouldShowQuickNav
+      ? quickNavLayout.itemSize + quickNavLayout.paddingX * 2 + 16
+      : 0
+
   const renderQuickNav = () => {
-    if (groupedStudents.length <= 1 || sortType === "score" || (sortType === "alphabet" && searchKeyword))
-      return null
+    if (!shouldShowQuickNav) return null
 
     return (
       <div
@@ -1612,7 +1621,13 @@ export const Home: React.FC<HomeProps> = ({ canEdit, isPortraitMode = false }) =
 
       {renderQuickNav()}
 
-      <div style={{ minHeight: "400px" }} ref={scrollContainerRef}>
+      <div
+        style={{
+          minHeight: "400px",
+          paddingRight: portraitListRightPadding ? `${portraitListRightPadding}px` : undefined,
+        }}
+        ref={scrollContainerRef}
+      >
         {loading ? (
           <div style={{ textAlign: "center", padding: "100px 0" }}>
             <div style={{ color: "var(--ss-text-secondary)" }}>{t("common.loading")}</div>