terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: polish mobile menu titles

Browse Source
This commit is contained in:
TerryM
2026-05-30 22:52:46 +08:00
parent 7ed4cbbeba
commit 3f251710d0
3 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/layouts/PublicLayout.tsx
View File

@@ -65,6 +65,10 @@ function navClassName(active: boolean) {
].join(" ");
}
function mobileMenuNavClassName(active: boolean) {
return `${navClassName(active)} w-fit justify-self-start`;
}
const dropdownAnimationClass = "ark-header-popover-enter";
const headerMenuAnimationClass = "ark-header-menu-enter";
@@ -633,7 +637,7 @@ export function PublicLayout() {
</div>
<Link
to="/browse"
className={navClassName(na("browseAll"))}
className={mobileMenuNavClassName(na("browseAll"))}
aria-current={na("browseAll") ? "page" : undefined}
onClick={() => setOpen(false)}
>
@@ -641,7 +645,7 @@ export function PublicLayout() {
</Link>
<Link
to="/categories"
className={navClassName(na("categories"))}
className={mobileMenuNavClassName(na("categories"))}
aria-current={na("categories") ? "page" : undefined}
onClick={() => setOpen(false)}
>
@@ -649,7 +653,7 @@ export function PublicLayout() {
</Link>
<Link
to="/official-recommendations"
className={navClassName(na("browseRecommended"))}
className={mobileMenuNavClassName(na("browseRecommended"))}
aria-current={na("browseRecommended") ? "page" : undefined}
onClick={() => setOpen(false)}
>
@@ -657,7 +661,7 @@ export function PublicLayout() {
</Link>
<Link
to="/browse?sort=latest"
className={navClassName(na("browseLatest"))}
className={mobileMenuNavClassName(na("browseLatest"))}
aria-current={na("browseLatest") ? "page" : undefined}
onClick={() => setOpen(false)}
>
@@ -665,7 +669,7 @@ export function PublicLayout() {
</Link>
<Link
to={popularHref}
className={navClassName(na("browsePopular"))}
className={mobileMenuNavClassName(na("browsePopular"))}
aria-current={na("browsePopular") ? "page" : undefined}
onClick={() => setOpen(false)}
>
@@ -673,7 +677,7 @@ export function PublicLayout() {
</Link>
<Link
to="/favorites"
className={navClassName(na("favorites"))}
className={mobileMenuNavClassName(na("favorites"))}
aria-current={na("favorites") ? "page" : undefined}
onClick={() => setOpen(false)}
>