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

feat: align figma browse and category sections

Browse Source
This commit is contained in:
TerryM
2026-05-28 15:11:13 +08:00
parent 16f3f06431
commit e65c473369
7 changed files with 149 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/SectionHeader.tsx
View File

@@ -11,16 +11,19 @@ export function SectionHeader({
viewAllLabel: string;
}) {
return (
<div className="flex h-6 items-center justify-between gap-4">
<div className="flex min-w-0 items-center gap-4">
<span className="h-6 w-1 shrink-0 bg-ark-gold" aria-hidden />
<h2 className="truncate text-2xl font-bold leading-6 tracking-tight text-white md:text-2xl">
<div className="flex h-[49px] items-center justify-between gap-4 md:h-6">
<div className="flex min-w-0 items-center gap-3 md:gap-4">
<span
className="h-5 w-[3px] shrink-0 bg-ark-gold md:h-6 md:w-1"
aria-hidden
/>
<h2 className="truncate text-lg font-semibold leading-[24.5px] tracking-tight text-white md:text-2xl md:font-bold md:leading-6">
{title}
</h2>
</div>
<Link
to={viewAllTo}
className="inline-flex shrink-0 items-center gap-1 text-[15px] font-medium leading-none text-ark-gold hover:text-ark-gold2"
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} />