feat: header left and right margin, change Kento logo

pcournut · Jun 28, 2023 · 2f43a23 · 2f43a23
1 parent 6f632c2
commit 2f43a23
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/App.tsx b/App.tsx
@@ -14,16 +14,22 @@ const LogoTitle = (props: any) => {
   return (
     <View>
       <Image
-        style={{ width: 120, height: 20 }}
-        source={require("./assets/kento-text.jpg")}
+        style={{ width: 100, height: "100%" }}
+        // source={require("./assets/kento-text.jpg")}
+        source={require("./assets/kento-text-rose.jpg")}
         resizeMode="cover"
       />
     </View>
   );
 };
 
 const MyCustomHeaderBackImage = () => (
-  <Feather name="arrow-left" size={30} color={Colors.PINK} />
+  <Feather
+    style={{ marginLeft: "8%" }}
+    name="arrow-left"
+    size={30}
+    color={Colors.PINK}
+  />
 );
 
 const App = () => {
@@ -33,15 +39,14 @@ const App = () => {
         screenOptions={({ route, navigation }) => ({
           headerBackImage: MyCustomHeaderBackImage,
           headerBackTitleVisible: false,
-          // header: <MyHeader></MyHeader>,
-          // headerStyle: {marginRight: "2%", marginLeft: "2%"},
           headerTitle: (props) => <LogoTitle {...props} />,
           headerRight: () => (
             <Pressable
               onPress={() => navigation.navigate("Login")}
               style={({ pressed }) => [
                 {
                   opacity: pressed ? 0.6 : 1.0,
+                  marginRight: "8%",
                 },
               ]}
             >

diff --git a/assets/kento-text-rose.jpg b/assets/kento-text-rose.jpg