Adjust UI to fit iPad

anqi20 · Jan 6, 2022 · 373cea9 · 373cea9
1 parent 263db88
commit 373cea9
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/screens/HomeScreen.js b/screens/HomeScreen.js
@@ -300,13 +300,16 @@ const styles = StyleSheet.create({
   },
   topIconBox: {
     borderRadius: 10,
-    height: 80,
+    height: undefined,
+    aspectRatio: 10 / 8,
     width: (Dimensions.get("window").width - 80) / 3,
   },
   topIconBox2: {
     flex: 1,
-    // height: 80,
-    // width: (Dimensions.get("window").width - 80) / 3,
+    height: 80,
+    height: undefined,
+    aspectRatio: 10 / 8,
+    width: (Dimensions.get("window").width - 80) / 3,
   },
   navigationIcons: {
     flex: 1,

diff --git a/screens/return-screens/ReturnQRScreen.js b/screens/return-screens/ReturnQRScreen.js
@@ -179,6 +179,7 @@ const styles = StyleSheet.create({
     alignItems: "center",
     paddingVertical: 20,
     alignSelf: "center",
+    marginTop: 20,
   },
   text: {
     fontSize: 18,

diff --git a/screens/settings-screens/BorrowTutorial.js b/screens/settings-screens/BorrowTutorial.js
@@ -62,11 +62,12 @@ const styles = StyleSheet.create({
     borderWidth: 2,
     borderColor: "black",
     borderRadius: 20,
-    height: 550,
+    // height: 550,
     width: "80%",
     margin: 10,
     alignSelf: "center",
     justifyContent: "center",
+    flexGrow: 1,
   },
   image: {
     aspectRatio: 9 / 16,

diff --git a/screens/settings-screens/ReturnTutorial.js b/screens/settings-screens/ReturnTutorial.js
@@ -62,11 +62,12 @@ const styles = StyleSheet.create({
     borderWidth: 2,
     borderColor: "black",
     borderRadius: 20,
-    height: 580,
+    // height: 580,
     width: "80%",
     margin: 10,
     alignSelf: "center",
     justifyContent: "center",
+    flexGrow: 1,
   },
   image: {
     aspectRatio: 9 / 16,