From 191a401ea6e779e1e6786b7e68da526968e8b2ed Mon Sep 17 00:00:00 2001
From: Bel Curcio <curciobel@gmail.com>
Date: Sat, 5 Jun 2021 16:20:02 -0300
Subject: [PATCH] Latest Updates

---
 .../PaymentMethodView/PaymentMethodView.module.css         | 4 ----
 components/checkout/ShippingView/ShippingView.module.css   | 4 ----
 components/common/SidebarLayout/SidebarLayout.module.css   | 1 +
 components/ui/Quantity/Quantity.module.css                 | 7 ++++---
 pages/product/[slug].tsx                                   | 1 -
 5 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/components/checkout/PaymentMethodView/PaymentMethodView.module.css b/components/checkout/PaymentMethodView/PaymentMethodView.module.css
index f08bd528f..f3880c72c 100644
--- a/components/checkout/PaymentMethodView/PaymentMethodView.module.css
+++ b/components/checkout/PaymentMethodView/PaymentMethodView.module.css
@@ -1,7 +1,3 @@
-.root {
-  @apply h-full flex flex-col relative w-full relative;
-}
-
 .fieldset {
   @apply flex flex-col my-3;
 }
diff --git a/components/checkout/ShippingView/ShippingView.module.css b/components/checkout/ShippingView/ShippingView.module.css
index d2005a8b0..157d3174e 100644
--- a/components/checkout/ShippingView/ShippingView.module.css
+++ b/components/checkout/ShippingView/ShippingView.module.css
@@ -1,7 +1,3 @@
-.root {
-  @apply h-full flex flex-col relative w-full relative;
-}
-
 .fieldset {
   @apply flex flex-col my-3;
 }
diff --git a/components/common/SidebarLayout/SidebarLayout.module.css b/components/common/SidebarLayout/SidebarLayout.module.css
index 58fdf6c24..3b6ceaa17 100644
--- a/components/common/SidebarLayout/SidebarLayout.module.css
+++ b/components/common/SidebarLayout/SidebarLayout.module.css
@@ -1,5 +1,6 @@
 .root {
   @apply relative h-full flex flex-col w-full;
+  min-width: 400px;
 }
 
 .header {
diff --git a/components/ui/Quantity/Quantity.module.css b/components/ui/Quantity/Quantity.module.css
index 9653d046a..fa60cc56e 100644
--- a/components/ui/Quantity/Quantity.module.css
+++ b/components/ui/Quantity/Quantity.module.css
@@ -1,6 +1,8 @@
 .actions {
-  @apply flex p-1 border-accent-2 border items-center justify-center w-12 text-accent-7;
+  @apply flex p-1 border-accent-2 border items-center justify-center
+  w-12 text-accent-7;
   transition-property: border-color, background, color, transform, box-shadow;
+
   transition-duration: 0.15s;
   transition-timing-function: ease;
   user-select: none;
@@ -21,6 +23,5 @@
 }
 
 .input {
-  @apply bg-transparent px-4 w-full h-full focus:outline-none;
-  user-select: none;
+  @apply bg-transparent px-4 w-full h-full focus:outline-none select-none pointer-events-auto;
 }
diff --git a/pages/product/[slug].tsx b/pages/product/[slug].tsx
index 06b46fb71..a5051eb6b 100644
--- a/pages/product/[slug].tsx
+++ b/pages/product/[slug].tsx
@@ -23,7 +23,6 @@ export async function getStaticProps({
     config,
     preview,
   })
-  console.log(product?.variants[0])
 
   const { products: relatedProducts } = await commerce.getAllProducts({
     variables: { first: 4 },