🎨 styles: product detail page

:%s

src/components/common/RecipeDetail/components/RecipeDetailInfo/RecipeDetailInfo.module.scss

@@ -8,7 +8,6 @@
     }
     .img {
         width: fit-content;
-        margin: auto;
         margin-top: 0;
 
         @screen sm-only {

src/components/common/RecipeDetail/components/RecipeIngredient/RecipeIngredient.module.scss

@@ -1,9 +1,9 @@
 @import "../../../../../styles/utilities";
 
 .recipeIngredient {
-    margin: 6rem auto;
+    padding: 6rem 0;
     @screen md {
-        margin: 5.6rem auto;
+        padding: 5.6rem 0;
     }
     .top {
         @apply flex justify-between items-center spacing-horizontal;

src/components/modules/product-detail/ProductInfoDetail/ProductInfoDetail.module.scss

@@ -2,8 +2,9 @@
 
 .productInfoDetail {
     @apply spacing-horizontal;
-    margin: 0 auto 4rem;
+    padding-bottom: 4rem;
     @screen md {
         @apply flex;
+        padding-bottom: 5.6rem;
     }
 }

src/components/modules/product-detail/ProductInfoDetail/components/ProductInfo/ProductInfo.tsx

@@ -29,13 +29,14 @@ const ProductInfo = ({ }: Props) => {
             <div className={s.actions}>
                 <QuanittyInput />
                 <div className={s.bottom}>
-                    <ButtonCommon size='large'>{LANGUAGE.BUTTON_LABEL.BUY_NOW}</ButtonCommon>
+                    <ButtonCommon size='large'>{LANGUAGE.BUTTON_LABEL.PREORDER}</ButtonCommon>
+                    {/* <ButtonCommon size='large'>{LANGUAGE.BUTTON_LABEL.BUY_NOW}</ButtonCommon>
 
                     <ButtonCommon size='large' type='light'>
                         <span className={s.buttonWithIcon}>
                             <IconBuy /><span className={s.label}>{LANGUAGE.BUTTON_LABEL.ADD_TO_CARD}</span>
                         </span>
-                    </ButtonCommon>
+                    </ButtonCommon> */}
                 </div>
             </div>
         </section >

src/utils/language.utils.ts

@@ -2,7 +2,8 @@ export const LANGUAGE = {
     BUTTON_LABEL: {
         BUY_NOW: 'Buy now',
         SHOP_NOW: 'Shop now',
-        ADD_TO_CARD: 'Add to Cart'
+        ADD_TO_CARD: 'Add to Cart',
+        PREORDER: 'Pre-Order Now',
     },
     PLACE_HOLDER: {
         SEARCH: 'Search',