diff --git a/src/components/menu/BottomNav.tsx b/src/components/menu/BottomNav.tsx index 9dc72321..b0590bea 100644 --- a/src/components/menu/BottomNav.tsx +++ b/src/components/menu/BottomNav.tsx @@ -101,7 +101,6 @@ export const BottomNav = (): JSX.Element => {
{ dispatch(toggleMobileNav()); }} diff --git a/src/components/menu/BottomNavItem.tsx b/src/components/menu/BottomNavItem.tsx index a37f97d7..8b48f5b9 100644 --- a/src/components/menu/BottomNavItem.tsx +++ b/src/components/menu/BottomNavItem.tsx @@ -5,7 +5,7 @@ import { m } from 'framer-motion'; import { Tooltip } from '@components/generic/Tooltip'; export interface BottomNavItemProps { - tooltip: string; + tooltip?: string; onClick?: () => void; className?: string; children: React.ReactNode; diff --git a/src/components/modals/VersionInfo.tsx b/src/components/modals/VersionInfo.tsx index 9bdf3377..ee6dac86 100644 --- a/src/components/modals/VersionInfo.tsx +++ b/src/components/modals/VersionInfo.tsx @@ -70,6 +70,7 @@ export const VersionInfo = ({ } /> diff --git a/src/index.css b/src/index.css index b855a35f..a5706ef1 100644 --- a/src/index.css +++ b/src/index.css @@ -34,6 +34,7 @@ padding: 0 !important; } +/* JSONPretty */ .__json-pretty__ { line-height: 1.3; color: #748096; @@ -56,3 +57,22 @@ color: #748096; overflow: auto; } + +/* Mobile height fix */ +/* .min-h-fill { + min-height: -webkit-fill-available; +} + +.h-fill { + height: -webkit-fill-available; +} */ + +body { + min-height: 100vh; + /* mobile viewport bug fix */ + min-height: -webkit-fill-available; +} + +html { + height: -webkit-fill-available; +}