Voice to Text

src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx

@@ -5222,8 +5222,7 @@ const BSItemCard = (props) => {
     if (variantWithDetails) {
       // Access the details of the first variant with ProdVariantDetails
       const firstVariantDetails =
-        variantWithDetails?.ProdVariantDetails?.[0]?.StockDetails?.[0]
-          ?.MRP;
+        variantWithDetails?.ProdVariantDetails?.[0]?.StockDetails?.[0]?.MRP;
       return firstVariantDetails;
     } else {
       // Handle the case where no variant satisfies the condition
@@ -6076,10 +6075,22 @@ const BSItemCard = (props) => {
               position: 'absolute',
               zIndex: '12',
               top:
-                templateData?.BookingLayout?.[0] === 'Layout5' ||
-                  templateData?.BookingLayout?.[0] === 'Layout4' ||
-                  templateData?.BookingLayout?.[0] === 'Layout6'
-                  ? '2.5rem'
+                templateData?.BookingNavbar?.[0] === 'Navbar3' &&
+                [
+                  'Layout1',
+                  'Layout2',
+                  'Layout3',
+                  'Layout4',
+                  'Layout5',
+                  'Layout6',
+                ].includes(templateData?.BookingLayout?.[0])
+                  ? '4.4rem'
+                  : ['Layout4', 'Layout5', 'Layout6'].includes(
+                        templateData?.BookingLayout?.[0]
+                      )
+                    ? '2.8rem'
+                    : templateData?.BookingNavbar?.[0] === 'Navbar3'
+                      ? '3rem'
                       : '',
             }}
           >
@@ -6485,8 +6496,9 @@ const BSItemCard = (props) => {
                                                   : '',
                                               }}
                                             >
-                                              {ItemMRP(item) > 0 ? `MRP: ₹ ${ItemMRP(item)}` : ''}
-
+                                              {ItemMRP(item) > 0
+                                                ? `MRP: ₹ ${ItemMRP(item)}`
+                                                : ''}
                                             </p>
                                           )}
                                         {cardFunction?.Price &&
@@ -6932,8 +6944,9 @@ const BSItemCard = (props) => {
                                                   : '',
                                               }}
                                             >
-                                              {ItemMRP(item) > 0 ? `MRP: ₹ ${ItemMRP(item)}` : ''}
-
+                                              {ItemMRP(item) > 0
+                                                ? `MRP: ₹ ${ItemMRP(item)}`
+                                                : ''}
                                             </p>
                                           )}
                                         {cardFunction?.Price &&
@@ -7240,7 +7253,8 @@ const BSItemCard = (props) => {
                                       </p>
                                     )}
                                   </div>
-                                  {cardFunction?.MRP && ((item?.OverAllQty !== undefined &&
+                                  {cardFunction?.MRP &&
+                                    ((item?.OverAllQty !== undefined &&
                                     !preferenceSingleSales
                                       ? returnCount(
                                           item?.ProductDetail?.[0]?.ProdName,
@@ -7258,7 +7272,9 @@ const BSItemCard = (props) => {
                                       )) && (
                                       <div className="card4PriceUom">
                                         <div className="card4MRP">
-                                          {ItemMRP(item) > 0 ? `MRP: ₹ ${ItemMRP(item)}` : ''}
+                                          {ItemMRP(item) > 0
+                                            ? `MRP: ₹ ${ItemMRP(item)}`
+                                            : ''}
                                         </div>
                                       </div>
                                     )}

src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss

@@ -9,7 +9,7 @@
   }
 
   .voiceToTextIcon {
-    top: 10px;
+    top: 13px;
   }
 }
 
@@ -37,7 +37,6 @@
   text-align: center;
 }
 
-
 .BSItemCard-master-container {
   display: flex;
   flex-direction: row;
@@ -251,7 +250,6 @@
     column-gap: 0.5rem !important;
   }
 
-
   .ant-modal .ant-modal-content {
     padding: 1rem !important;
   }
@@ -360,7 +358,6 @@
   .bs-item-card-masterdiv {
     height: inherit;
   }
-
 }
 
 @media (min-width: 500px) and (max-width: 767px) {
@@ -390,7 +387,6 @@
   }
 }
 
-
 .QRStockchange-table thead {
   position: sticky;
   top: 0;
@@ -834,7 +830,6 @@
 
 .Payment-loader1 {
   .Payment-loader {
-
     // column-gap: 1rem;
     .contener_mixte {
       top: 5px;
@@ -992,14 +987,14 @@
     }
   }
   .card4MRP {
-    font-size: 0.80rem;
-    line-height: 0.80rem;
+    font-size: 0.8rem;
+    line-height: 0.8rem;
     font-weight: 600;
     color: #059669;
     -webkit-text-stroke-width: 0.3px;
 
     @media (max-width: 500px) {
-      font-size: 0.50rem;
+      font-size: 0.5rem;
     }
   }