From 98f1be9ac75f30b12eca85d7cbbb9552bd3a0f34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B2=81=E6=A0=91=E4=BA=BA?= <lu.shuren@um-react.app>
Date: Mon, 19 May 2025 09:26:54 +0900
Subject: [PATCH] fix: default sub-nav to align top on large screen

---
 src/features/settings/Settings.tsx | 2 +-
 src/tabs/FaqTab.tsx                | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/features/settings/Settings.tsx b/src/features/settings/Settings.tsx
index ea3af14..c366d99 100644
--- a/src/features/settings/Settings.tsx
+++ b/src/features/settings/Settings.tsx
@@ -32,7 +32,7 @@ export function Settings() {
       <ResponsiveNav
         className="grow h-full overflow-auto"
         contentClassName="flex flex-col overflow-auto"
-        navigationClassName="overflow-x-auto pb-[2px] md:pb-0 h-full md:items-center [&]:md:flex"
+        navigationClassName="overflow-x-auto pb-[2px] md:pb-0 h-full items-start [&]:md:flex"
         navigation={
           <div role="tablist" className="tabs gap-1 flex-nowrap md:flex-col grow items-center">
             {Object.entries(SETTINGS_TABS).map(([id, { name }]) => (
diff --git a/src/tabs/FaqTab.tsx b/src/tabs/FaqTab.tsx
index aeaaf1f..9178fa3 100644
--- a/src/tabs/FaqTab.tsx
+++ b/src/tabs/FaqTab.tsx
@@ -8,8 +8,8 @@ export function FaqTab() {
     <div className="flex flex-col flex-1 container w-full">
       <ResponsiveNav
         className="grow h-full overflow-auto"
-        contentClassName="flex flex-col overflow-auto pl-6"
-        navigationClassName="overflow-x-auto pb-[2px] md:pb-0 h-full md:items-center [&]:md:flex"
+        contentClassName="flex flex-col overflow-auto px-8"
+        navigationClassName="overflow-x-auto pb-[2px] md:pb-0 h-full md:items-start [&]:md:flex"
         navigation={
           <div role="tablist" className="tabs gap-1 flex-nowrap md:flex-col grow items-center">
             {FAQ_PAGES.map(({ id, name }) => (