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();
|
||||
|
||||
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 && (
|
||||
<PageHeader balance outlined={false}>
|
||||
<Box grow="Yes" alignItems="Center" gap="200">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue