renil/um-react
1
0
Fork 0
mirror of https://git.unlock-music.dev/um/um-react.git synced 2025-05-23 16:27:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: default sub-nav to align top on large screen

Browse Source
This commit is contained in:
鲁树人 2025-05-19 09:26:54 +09:00
parent 3541af7a96
commit 98f1be9ac7
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/settings/Settings.tsx
View File

@ -32,7 +32,7 @@ export function Settings() {
<ResponsiveNav <ResponsiveNav
className="grow h-full overflow-auto" className="grow h-full overflow-auto"
contentClassName="flex flex-col 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={ navigation={
<div role="tablist" className="tabs gap-1 flex-nowrap md:flex-col grow items-center"> <div role="tablist" className="tabs gap-1 flex-nowrap md:flex-col grow items-center">
{Object.entries(SETTINGS_TABS).map(([id, { name }]) => ( {Object.entries(SETTINGS_TABS).map(([id, { name }]) => (

4
src/tabs/FaqTab.tsx
View File

@ -8,8 +8,8 @@ export function FaqTab() {
<div className="flex flex-col flex-1 container w-full"> <div className="flex flex-col flex-1 container w-full">
<ResponsiveNav <ResponsiveNav
className="grow h-full overflow-auto" className="grow h-full overflow-auto"
contentClassName="flex flex-col overflow-auto pl-6" contentClassName="flex flex-col overflow-auto px-8"
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 md:items-start [&]:md:flex"
navigation={ navigation={
<div role="tablist" className="tabs gap-1 flex-nowrap md:flex-col grow items-center"> <div role="tablist" className="tabs gap-1 flex-nowrap md:flex-col grow items-center">
{FAQ_PAGES.map(({ id, name }) => ( {FAQ_PAGES.map(({ id, name }) => (