Latest Updates

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;
 }

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;
 }

components/common/SidebarLayout/SidebarLayout.module.css

@@ -1,5 +1,6 @@
 .root {
   @apply relative h-full flex flex-col w-full;
+  min-width: 400px;
 }
 
 .header {

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;
+  @apply bg-transparent px-4 w-full h-full focus:outline-none select-none pointer-events-auto;
-  user-select: none;
 }

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 },