diff options
Diffstat (limited to 'src/view/com/util/SimpleViewHeader.tsx')
-rw-r--r-- | src/view/com/util/SimpleViewHeader.tsx | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/src/view/com/util/SimpleViewHeader.tsx b/src/view/com/util/SimpleViewHeader.tsx index e86e37565..814b2fb15 100644 --- a/src/view/com/util/SimpleViewHeader.tsx +++ b/src/view/com/util/SimpleViewHeader.tsx @@ -14,6 +14,7 @@ import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' import {useAnalytics} from 'lib/analytics/analytics' import {NavigationProp} from 'lib/routes/types' import {useSetDrawerOpen} from '#/state/shell' +import {isWeb} from '#/platform/detection' const BACK_HITSLOP = {left: 20, top: 20, right: 50, bottom: 20} @@ -47,7 +48,14 @@ export function SimpleViewHeader({ const Container = isMobile ? View : CenteredView return ( - <Container style={[styles.header, isMobile && styles.headerMobile, style]}> + <Container + style={[ + styles.header, + isMobile && styles.headerMobile, + isWeb && styles.headerWeb, + pal.view, + style, + ]}> {showBackButton ? ( <TouchableOpacity testID="viewHeaderDrawerBtn" @@ -89,6 +97,12 @@ const styles = StyleSheet.create({ paddingHorizontal: 12, paddingVertical: 10, }, + headerWeb: { + // @ts-ignore web-only + position: 'sticky', + top: 0, + zIndex: 1, + }, backBtn: { width: 30, height: 30, |