Merge pull request vercel#36 from ftonato/fix/mobile-style-modules

Fix some minor problems with style between mobile and desktop
chtonal · Oct 28, 2020 · 18f95d2 · 18f95d2
2 parents a590093 + 80b9611
commit 18f95d2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/components/core/Searchbar/Searchbar.module.css b/components/core/Searchbar/Searchbar.module.css
@@ -1,6 +1,9 @@
 .input {
   @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out pr-10;
-  min-width: 300px;
+
+  @screen sm {
+    min-width: 300px;
+  }
 }
 
 .input:focus {

diff --git a/components/product/ProductView/ProductView.module.css b/components/product/ProductView/ProductView.module.css
@@ -78,8 +78,13 @@
 }
 
 .button {
-  min-width: 300px;
   text-align: center;
+  width: 100%;
+  max-width: 300px;
+
+  @screen sm {
+    min-width: 300px;
+  }
 }
 
 .wishlistButton {