From 0f190c6a1b3883e1db8f4070926d4f8aae829721 Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Wed, 22 Sep 2021 14:59:19 +0700
Subject: [PATCH] :art: styles: cart responsive in mobile

:%s
---
 src/components/common/CartDrawer/CartDrawer.module.scss     | 5 ++++-
 src/components/common/DrawerCommon/DrawerCommon.module.scss | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/common/CartDrawer/CartDrawer.module.scss b/src/components/common/CartDrawer/CartDrawer.module.scss
index 65bf09611..4e850d237 100644
--- a/src/components/common/CartDrawer/CartDrawer.module.scss
+++ b/src/components/common/CartDrawer/CartDrawer.module.scss
@@ -3,7 +3,10 @@
 
 .cartDrawer {
     @apply flex flex-col custom-scroll;
+    @screen md {
+        @apply h-full;
+    }
     .body {
-        @apply flex flex-col overflow-x-hidden h-full;
+        @apply flex flex-col overflow-x-hidden h-full custom-scroll;
     }
 }
\ No newline at end of file
diff --git a/src/components/common/DrawerCommon/DrawerCommon.module.scss b/src/components/common/DrawerCommon/DrawerCommon.module.scss
index 0fc8b5b35..54f459e73 100644
--- a/src/components/common/DrawerCommon/DrawerCommon.module.scss
+++ b/src/components/common/DrawerCommon/DrawerCommon.module.scss
@@ -30,12 +30,12 @@
         @apply flex flex-col bg-white;
         width: fit-content;
         height: 100vh;
-        width: 100%;
+        width: 90%;
         margin-left: auto;
         box-shadow: -3px 0 10px rgba(0, 0, 0, 0.15);
-        // transform: none;
 
         @screen md {
+            width: 100%;
             max-width: 52rem;
         }
         .top {