verstka

src/components/OrderCard/OrderCard.tsx

@@ -31,17 +31,19 @@ const OrderCard: FC<Props> = ({onPress}) => {
                     <Image style={styles.image} source={{uri: order.imageUrl}}/>
                 </View>
                 <View style={styles.description}>
-                    <View style={styles.title}>
+                    <View style={styles.descriptionContent}>
+                        <View style={styles.title}>
 
-                        <DTitle>{order.orderNumber}</DTitle>
-                        <Image source={require('assets/icons/marketplaces/ozon.png')} style={styles.titleImage}/>
+                            <DTitle>{order.orderNumber}</DTitle>
+                            <Image source={require('assets/icons/marketplaces/ozon.png')} style={styles.titleImage}/>
+                        </View>
+                        <DText>Количество: 5</DText>
+                        <DText>Поставщик: {order.supplierName}</DText>
+                        <DText>Селлер: {order.sellerName}</DText>
+                        <DText>Цвет: ГОЛУБОЙ</DText>
                     </View>
 
-                    <DText>Количество: 5</DText>
-                    <DText>Поставщик: {order.supplierName}</DText>
-                    <DText>Селлер: {order.sellerName}</DText>
-                    <DText>Цвет: ГОЛУБОЙ</DText>
-                    <View style={styles.statusContainer}>
+                    <View style={styles.descriptionStatus}>
                         <DText>
                             Ожидает сборки
                         </DText>
@@ -57,12 +59,10 @@ const styles = StyleSheet.create({
     container: {
         backgroundColor: "white",
         display: "flex",
-        borderRadius: RFPercentage(5),
+        borderRadius: RFPercentage(3),
         height: responsiveHeight(20),
         flexDirection: "row",
         padding: RFPercentage(2),
-
-
     },
     imageWrapper: {
         width: responsiveWidth(30),
@@ -73,15 +73,16 @@ const styles = StyleSheet.create({
 
     },
     description: {
-        backgroundColor:"red",
+        // backgroundColor: "red",
         flex: 1,
         display: "flex",
         flexDirection: "column",
         paddingLeft: responsiveWidth(3),
         gap: 0,
+
     },
     title: {
-        marginBottom: responsiveHeight(1),
+        marginBottom: responsiveHeight(0.5),
         flexDirection: "row",
         alignItems: "center"
     },
@@ -91,8 +92,14 @@ const styles = StyleSheet.create({
         resizeMode: "center",
         marginLeft: responsiveHeight(1)
     },
-    statusContainer: {
+    descriptionContent: {
+        // backgroundColor: "green",
+        flex: 1
+    },
+    descriptionStatus: {
         alignSelf: "flex-end",
+        // backgroundColor: "blue",
+        marginRight: responsiveWidth(2),
     }
 });
 export default OrderCard;