Update BrowserTabBar.tsx

Emurgo · May 21, 2024 · 2a636a9 · 2a636a9
1 parent 734c9ec
commit 2a636a9
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabBar.tsx b/apps/wallet-mobile/src/features/Discover/useCases/BrowseDapp/BrowserTabBar.tsx
@@ -56,7 +56,7 @@ export const BrowserTabBar = ({webViewRef, webViewState}: Props) => {
   }
 
   return (
-    <View style={[styles.root, styles.shadow, {height: 46 + insets.bottom, paddingBottom: insets.bottom}]}>
+    <View style={[styles.root, styles.shadow, {height: tabBarHeight + insets.bottom, paddingBottom: insets.bottom}]}>
       <Touch disabled={!webViewState.canGoBack} onPress={handleBackward}>
         <Icon.Backward color={colorBackward} />
       </Touch>
@@ -80,6 +80,8 @@ export const BrowserTabBar = ({webViewRef, webViewState}: Props) => {
   )
 }
 
+const tabBarHeight = 46
+
 const Touch = ({children, ...props}: React.PropsWithChildren<TouchableOpacityProps>) => {
   return <TouchableOpacity {...props}>{children}</TouchableOpacity>
 }