fix

Batorian · Mar 6, 2024 · 6b80559 · 6b80559
1 parent 287ce94
commit 6b80559
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/src/screens/WebviewScreen/components/Appbar.tsx b/src/screens/WebviewScreen/components/Appbar.tsx
@@ -47,16 +47,19 @@ const Appbar: React.FC<AppbarProps> = ({
       <View style={{ flex: 1, justifyContent: 'center' }}>
         <Text
           style={{
+            paddingLeft: 3,
             color: theme.onSurface,
+            fontSize: 18,
           }}
           numberOfLines={1}
         >
           {title}
         </Text>
         <TextTicker
-          style={{ color: theme.outline }}
+          style={{ color: theme.outline, fontSize: 16 }}
           loop
-          bounce
+          bounce={false}
+          scrollSpeed={200}
           marqueeDelay={2000}
           isInteraction={false}
         >
@@ -107,7 +110,6 @@ const Appbar: React.FC<AppbarProps> = ({
               flexDirection: 'column',
               justifyContent: 'center',
               alignItems: 'center',
-              backgroundColor: 'rgba(0,0,0,0.62)',
             }}
           >
             <Menu

diff --git a/src/screens/WebviewScreen/components/Menu.tsx b/src/screens/WebviewScreen/components/Menu.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Pressable, Share, View, Text } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { WebView } from 'react-native-webview';
 import * as Linking from 'expo-linking';
 
@@ -20,10 +21,12 @@ const Menu: React.FC<MenuProps> = ({
   webView,
   setMenuVisible,
 }) => {
+  const { top } = useSafeAreaInsets();
+
   return (
-    <View style={{ position: 'absolute' }}>
+    <View style={{ position: 'absolute', right: 0, top }}>
       <Pressable
-        style={{ backgroundColor: theme.surface2 }}
+        style={{ backgroundColor: theme.surface2, padding: 25, margin: 5 }}
         onPress={() => {
           setMenuVisible(false);
           webView.current?.reload();
@@ -35,7 +38,7 @@ const Menu: React.FC<MenuProps> = ({
       </Pressable>
 
       <Pressable
-        style={{ backgroundColor: theme.surface2 }}
+        style={{ backgroundColor: theme.surface2, padding: 25, margin: 5 }}
         onPress={() => {
           setMenuVisible(false);
           Share.share({ message: currentUrl });
@@ -47,7 +50,7 @@ const Menu: React.FC<MenuProps> = ({
       </Pressable>
 
       <Pressable
-        style={{ backgroundColor: theme.surface2 }}
+        style={{ backgroundColor: theme.surface2, padding: 25, margin: 5 }}
         onPress={() => {
           setMenuVisible(false);
           Linking.openURL(currentUrl);
@@ -59,7 +62,7 @@ const Menu: React.FC<MenuProps> = ({
       </Pressable>
 
       <Pressable
-        style={{ backgroundColor: theme.surface2 }}
+        style={{ backgroundColor: theme.surface2, padding: 25, margin: 5 }}
         onPress={() => {
           setMenuVisible(false);
           webView.current?.clearCache?.(true);