Small changes to shelf modal

Purdue-CS307-tsundoku · Feb 24, 2024 · f62df50 · f62df50
1 parent 2d09a67
commit f62df50
Showing 1 changed file with 23 additions and 16 deletions.
diff --git a/mobile/Components/ShelfModal/ShelfModal.tsx b/mobile/Components/ShelfModal/ShelfModal.tsx
@@ -30,27 +30,34 @@ const ShelfModal = ({
   ];
 
   return (
+    <View style={{
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: "white",
+      width: "100%",
+      height: "100%",
+      borderTopLeftRadius: 20,
+      borderTopRightRadius: 20,
+    }}>
+      <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false} >
       <View style={{
-        justifyContent: "center",
-        alignItems: "center",
-        backgroundColor: "white",
-        width: "100%",
-        height: "100%",
-        borderTopLeftRadius: 20,
-        borderTopRightRadius: 20,
-      }}
-    >
-      <View
-        style={{
-          backgroundColor: "#D3D3D3",
-          height: 7,
-          width: 70,
+          width: "100%",
           position: "absolute",
           borderRadius: 5,
           alignSelf: "center",
           top: 10,
-        }}
-      />
+        }}>
+          <View
+            style={{
+              backgroundColor: "#D3D3D3",
+              height: 7,
+              width: 70,
+              borderRadius: 5,
+              alignSelf: "center",
+            }}
+          />
+        </View>
+      </TouchableWithoutFeedback>
       <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false} >
 
         <View style={{