cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

fix: define min input width only for the required viewports

Browse Source
This commit is contained in:
Ademílson F. Tonato 2020-10-28 10:46:43 +00:00
parent 9dc45aad69
commit 80b96115b6
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/core/Searchbar/Searchbar.module.css
View File

@ -1,7 +1,10 @@
.input { .input {
@apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out pr-10; @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out pr-10;
@screen sm {
min-width: 300px; min-width: 300px;
} }
}
.input:focus { .input:focus {
@apply outline-none shadow-outline-2; @apply outline-none shadow-outline-2;