public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added padding bottom for iphone x and beyond

pull/415/head
Peer Richelsen 2021-08-05 10:55:28 +02:00
parent 5ff7377797
commit 67bd82fcea
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Shell.tsx
View File

@ -146,7 +146,9 @@ export default function Shell(props) {
<div className="px-4 sm:px-6 md:px-8">{props.children}</div>
{/* show bottom navigation for md and smaller (tablet and phones) */}
<nav className="md:hidden flex fixed bottom-0 bg-white w-full rounded-lg shadow">
<nav
style={{ paddingBottom: "env(safe-area-inset-bottom)" }}
className="md:hidden flex fixed bottom-0 bg-white w-full rounded-lg shadow">
{/* note(PeerRich): using flatMap instead of map to remove settings from bottom nav */}
{navigation.flatMap((item, itemIdx) =>
item.name === "Settings" ? (