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