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

feat: polish figma mobile home and nav

Browse Source
This commit is contained in:
TerryM
2026-05-28 15:31:45 +08:00
parent e65c473369
commit 0e98428f64
17 changed files with 246 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/SectionHeader.tsx
View File

@@ -7,8 +7,8 @@ export function SectionHeader({
viewAllLabel,
}: {
title: string;
viewAllTo: string;
viewAllLabel: string;
viewAllTo?: string;
viewAllLabel?: string;
}) {
return (
<div className="flex h-[49px] items-center justify-between gap-4 md:h-6">
@@ -21,13 +21,15 @@ export function SectionHeader({
{title}
</h2>
</div>
<Link
to={viewAllTo}
className="inline-flex shrink-0 items-center gap-1 text-[13px] font-normal leading-none text-ark-gold hover:text-ark-gold2 md:text-[15px] md:font-medium"
>
{viewAllLabel}
<ChevronRight className="h-4 w-4" strokeWidth={2.7} />
</Link>
{viewAllTo && viewAllLabel ? (
<Link
to={viewAllTo}
className="inline-flex shrink-0 items-center gap-1 text-[13px] font-normal leading-none text-ark-gold hover:text-ark-gold2 md:text-[15px] md:font-medium"
>
{viewAllLabel}
<ChevronRight className="h-4 w-4" strokeWidth={2.7} />
</Link>
) : null}
</div>
);
}