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

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

@ -1,5 +1,5 @@
.input { .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; min-width: 300px;
} }

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

@ -17,7 +17,7 @@ const Searchbar: FC<Props> = ({ className }) => {
return ( return (
<div <div
className={cn( 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 className
)} )}
> >