added padding to board

lochungtin · May 29, 2021 · 8368d83 · 8368d83
1 parent acdf7ad
commit 8368d83
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/components/Board/Tile/styles.ts b/src/components/Board/Tile/styles.ts
@@ -8,6 +8,8 @@ export const TileStyles = StyleSheet.create({
         borderRadius: 10,
         display: 'flex',
         justifyContent: 'center',
+        marginHorizontal: 5,
+        marginVertical: 5,
     },
     text: {
         fontSize: 20,

diff --git a/src/components/Board/styles.ts b/src/components/Board/styles.ts
@@ -8,15 +8,13 @@ export const BoardStyles = StyleSheet.create({
         borderRadius: 10,
         display: 'flex',
         flexDirection: 'column',
-        height: screenWidth * 0.9,
-        justifyContent: 'space-between',
-        width: screenWidth * 0.9
+        justifyContent: 'center',
+        padding: 5,
     },
     row: {
         alignItems: 'center',
         display: 'flex',
         flexDirection: 'row',
-        justifyContent: 'space-between',
-        width: screenWidth * 0.9
+        justifyContent: 'center',
     }
 });
diff --git a/src/screens/main.tsx b/src/screens/main.tsx
@@ -11,6 +11,7 @@ class Screen extends React.Component {
     render() {
         return (
             <View style={{ ...ScreenStyles.screen, backgroundColor: darktheme.bgColor }}>
+                <View style={{ height: 200 }} />
                 <Board />
             </View >
         );