verstka

src/screens/OrderScreen/OrderScreen.tsx

@@ -65,42 +65,44 @@ function OrderScreen() {
 
 const styles = StyleSheet.create({
     container: {
-        padding: 30,
         width: "100%",
         height: "100%",
-        overflow: "hidden",
         display: "flex",
         flex: 1,
+        paddingHorizontal: responsiveWidth(5)
+
     },
     dataContainer: {
-        backgroundColor: "black",
+        // backgroundColor: "black",
         display: "flex",
         flexDirection: "row",
+        columnGap: responsiveWidth(3)
     },
     buttonsContainer: {
-        backgroundColor: "blue",
+        // backgroundColor: "blue",
         flex: 1,
         display: "flex",
         justifyContent: "center",
         paddingHorizontal: responsiveWidth(10)
     },
     buttonsWrapper: {
-        backgroundColor: "red",
+        // backgroundColor: "red",
         rowGap: responsiveHeight(3)
     },
     imageWrapper: {
         width: responsiveWidth(40),
+        height: responsiveHeight(40),
         // height: responsiveHeight(40),
-        backgroundColor: "red",
-        padding: RFPercentage(1)
+        // backgroundColor: "red",
     },
     image: {
         flex: 1,
         borderRadius: RFPercentage(3)
     },
     contentContainer: {
-        padding: RFPercentage(1),
-        backgroundColor: "pink",
+        padding: RFPercentage(2),
+        backgroundColor: "white",
+        borderRadius: RFPercentage(3),
         flex: 1
 
     },