fix(bots): pad BotStatePage wrapper with safe-top so the mobile back-arrow header clears the Android status bar on the connect-bot empty state
This commit is contained in:
parent
6ca6b69d48
commit
cde50cff0f
1 changed files with 5 additions and 1 deletions
|
|
@ -22,7 +22,11 @@ export function BotStatePage({ title, description, icon, children }: BotStatePag
|
||||||
const screenSize = useScreenSizeContext();
|
const screenSize = useScreenSizeContext();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Page>
|
// Safe-top on the wrapper, not on `PageHeader`: the recipe is a
|
||||||
|
// folds `Header size="600"` with fixed height, so inner padding
|
||||||
|
// would clip its content (same constraint as PageNav, Page.tsx).
|
||||||
|
// No-op on web / inside Modal500 where `--vojo-safe-top` is 0px.
|
||||||
|
<Page style={{ paddingTop: 'var(--vojo-safe-top, 0px)' }}>
|
||||||
{screenSize === ScreenSize.Mobile && (
|
{screenSize === ScreenSize.Mobile && (
|
||||||
<PageHeader balance outlined={false}>
|
<PageHeader balance outlined={false}>
|
||||||
<Box grow="Yes" alignItems="Center" gap="200">
|
<Box grow="Yes" alignItems="Center" gap="200">
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue