mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

Merge pull request #415 from calendso/iphone-fixes

Browse source 
added bottom nav padding bottom for iphone x and beyond
This commit is contained in:
Peer_Rich 2021-08-05 11:12:12 +02:00 committed by GitHub
commit ce844f2721
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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" ? (