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

style(layout): align mobile drawer spacing with Figma 4164-5336

Browse Source 
Drawer top: drop nav pt-2 so the first menu item sits flush with the
drawer top edge per Figma frame 173 (first item y matches drawer y).

Drawer bottom: raise CTA bottom inset from 20px to 34px so the gap
between the 链接钱包 button and the drawer's bottom edge matches the
Figma measurement (Btn Primary bottom y=25041 vs drawer bottom y=25075).
The safe-area-inset env() still wins on devices with a larger inset.
This commit is contained in:
TerryM
2026-06-04 07:32:30 +08:00
parent 526facb261
commit 8140828c11
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/PublicLayout.tsx
View File

@@ -715,7 +715,7 @@ export function PublicLayout() {
ref={menuRef} ref={menuRef}
className={`${headerMenuAnimationClass} fixed inset-x-0 bottom-0 top-[64px] z-50 flex flex-col bg-ark-bg/90 backdrop-blur-xl md:top-[70px] min-[1000px]:hidden`} className={`${headerMenuAnimationClass} fixed inset-x-0 bottom-0 top-[64px] z-50 flex flex-col bg-ark-bg/90 backdrop-blur-xl md:top-[70px] min-[1000px]:hidden`}
> >
<nav className="flex-1 overflow-y-auto px-5 pt-2"> <nav className="flex-1 overflow-y-auto px-5">
{( {(
[ [
{ {
@@ -760,7 +760,7 @@ export function PublicLayout() {
</Link> </Link>
))} ))}
</nav> </nav>
<div className="px-5 pb-[max(env(safe-area-inset-bottom),20px)] pt-4"> <div className="px-5 pb-[max(env(safe-area-inset-bottom),34px)] pt-4">
<WalletButton compact onOpenLogin={() => setOpen(false)} /> <WalletButton compact onOpenLogin={() => setOpen(false)} />
</div> </div>
</div> </div>