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

fix: tighten mobile bottom nav spacing

Browse Source
This commit is contained in:
TerryM
2026-05-30 21:30:08 +08:00
parent 5277943196
commit d531ba40f3
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/PublicLayout.tsx
View File

@@ -694,7 +694,7 @@ export function PublicLayout() {
) : null}
<main
className={`mx-auto w-full max-w-[1280px] max-md:pb-[calc(78px+max(env(safe-area-inset-bottom),0px)+1.5rem)] ${
className={`mx-auto w-full max-w-[1280px] max-md:pb-[calc(68px+max(env(safe-area-inset-bottom),0px)+1rem)] ${
isHome
? "flex-1 px-0 pb-6 pt-0 md:px-9 md:pb-10 md:pt-10 xl:px-0"
: footerInContentFlow
@@ -716,7 +716,7 @@ export function PublicLayout() {
</main>
<nav className="fixed inset-x-0 bottom-0 z-40 select-none bg-[#0C0D0F]/95 pb-[max(env(safe-area-inset-bottom),0px)] backdrop-blur md:hidden">
<div className="grid h-[78px] grid-cols-4 gap-3 px-5 py-4 text-center text-[11px] leading-[17.6px]">
<div className="grid h-[68px] grid-cols-4 gap-3 px-5 py-[10px] text-center text-[11px] leading-[17.6px]">
<BottomNavIcon
to="/"
label={t("home")}