navbar improvements

LunatiqueCoder · Dec 18, 2022 · ef9c235 · ef9c235 · vercel · Dec 18, 2022
1 parent 68ac979
commit ef9c235
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/template/src/components/Layout.tsx b/template/src/components/Layout.tsx
@@ -44,7 +44,7 @@ export const Layout = ({children}: ILayout) => {
   return (
     <View style={backgroundStyle}>
       <View style={styles.container}>
-        <Logo width={75} height={75} style={styles.logo} />
+        <Logo width={175} height={175} style={styles.logo} />
         <View style={styles.navContainer}>
           <NavButton href="/" title="Home" />
           <NavButton href="/linking" title="Linking" />
@@ -59,8 +59,7 @@ const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-around',
-    paddingRight: '65%',
+    justifyContent: 'space-between',
     flex: 1,
   },
   childrenContainer: {
@@ -69,11 +68,11 @@ const styles = StyleSheet.create({
   navContainer: {
     flexDirection: 'row',
     flex: 1,
-    justifyContent: 'space-around',
+    justifyContent: 'flex-end',
   },
   logo: {
-    flex: 2,
     paddingTop: 20,
+    marginLeft: 20,
   },
   emptyView: {
     flex: 4,

diff --git a/template/src/pages/_app.tsx b/template/src/pages/_app.tsx
@@ -5,6 +5,7 @@ import {
 } from 'react-native-safe-area-context';
 import {useStyles} from '../hooks';
 import '../styles.css';
+import Head from 'next/head';
 
 export default function MyApp({Component, pageProps}: AppProps) {
   const {backgroundStyle} = useStyles();
@@ -13,6 +14,12 @@ export default function MyApp({Component, pageProps}: AppProps) {
     <SafeAreaProvider
       initialMetrics={initialWindowMetrics}
       style={backgroundStyle}>
+      <Head>
+        <title>Create 🌒 Luna App</title>
+        <meta name="description" content="Generated by 🌒 Luna" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        {/*<link rel="icon" href="/favicon.ico" />*/}
+      </Head>
       <Component {...pageProps} />
     </SafeAreaProvider>
   );