diff --git a/src/App.tsx b/src/App.tsx
index 9925531..c5331b3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -123,14 +123,16 @@ const App = ({ ui, navigation, tuneData }: { ui: UIState, navigation: Navigation
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [tuneId]);
- const ContentFor = useCallback((props: { element: ReactNode, marginLeft?: number }) => {
- const { element, marginLeft } = props;
+ const ContentFor = useCallback((props: { element: ReactNode, marginLeft?: number, fullScreen?: boolean }) => {
+ const { element, marginLeft, fullScreen } = props;
return (
}>{element}
+ {/* dummy element to mitigate mobile browsers navbar offset */}
+ {!fullScreen &&
}
@@ -149,10 +151,10 @@ const App = ({ ui, navigation, tuneData }: { ui: UIState, navigation: Navigation
} />} />
} />} />
} />} />
- } />} />
- } />} />
- } />} />
- } />} />
+ } />} />
+ } />} />
+ } />} />
+ } />} />
} />} />
} />} />