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

Merge pull request #2 from okbel/arzafran/tweak-searchbox

Browse Source 
[HOMEPAGE] Make searchbox match Figma
This commit is contained in:
Luis Alvarez D 2020-10-18 18:03:48 -05:00 committed by GitHub
commit c54ef9fc5c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
assets/global.css
View File

@ -22,16 +22,16 @@
--violet: #7928ca;
--blue: #0070f3;
--accents-0: #fff;
--accents-1: #fafafa;
--accents-2: #eaeaea;
--accents-3: #999999;
--accents-4: #888888;
--accents-5: #666666;
--accents-6: #444444;
--accents-7: #333333;
--accents-8: #111111;
--accents-9: #000;
--accents-0: #f8f9fa;
--accents-1: #f1f3f5;
--accents-2: #e9ecef;
--accents-3: #dee2e6;
--accents-4: #ced4da;
--accents-5: #adb5bd;
--accents-6: #868e96;
--accents-7: #495057;
--accents-8: #343a40;
--accents-9: #212529;
}
[data-theme='dark'] {
@ -46,16 +46,16 @@
--text-primary: white;
--text-secondary: black;
--accents-0: #000;
--accents-1: #111111;
--accents-2: #333333;
--accents-3: #444444;
--accents-4: #666666;
--accents-5: #888888;
--accents-6: #999999;
--accents-7: #eaeaea;
--accents-8: #fafafa;
--accents-9: #fff;
--accents-0: #212529;
--accents-1: #343a40;
--accents-2: #495057;
--accents-3: #868e96;
--accents-4: #adb5bd;
--accents-5: #ced4da;
--accents-6: #dee2e6;
--accents-7: #e9ecef;
--accents-8: #f1f3f5;
--accents-9: #f8f9fa;
}
.fit {

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

@ -1,5 +1,5 @@
.input {
@apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg placeholder-accents-4 pr-10;
@apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out placeholder-accents-5 pr-10;
min-width: 300px;
}

2
components/core/Searchbar/Searchbar.tsx
View File

@ -17,7 +17,7 @@ const Searchbar: FC<Props> = ({ className }) => {
return (
<div
className={cn(
'relative rounded-lg text-sm bg-accents-1 text-base w-full border border-accents-2',
'relative text-sm bg-accents-1 text-base w-full',
className
)}
>