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

changes

Browse Source
This commit is contained in:
Belen Curcio 2020-09-29 14:17:53 -03:00
parent ba43eae569
commit a04618b45b
6 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Navbar/Navbar.module.css
View File

@ -1,7 +1,3 @@
.root {
@apply;
}
.container {
@apply flex justify-between items-center flex-row px-6 h-20 relative border-gray-100 border-b;
}

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

@ -8,7 +8,7 @@
}
.input {
@apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg;
@apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg text-accent-4;
min-width: 300px;
}

4
components/Searchbar/Searchbar.tsx
View File

@ -17,8 +17,8 @@ const Searchbar: FunctionComponent<Props> = ({ className }) => {
<div className={s.iconContainer}>
<svg className={s.icon} fill="currentColor" viewBox="0 0 20 20">
<path
fill-rule="evenodd"
clip-rule="evenodd"
fillRule="evenodd"
clipRule="evenodd"
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
/>
</svg>

2
pages/index.tsx
View File

@ -10,7 +10,7 @@ export default function Home() {
/>
<Navbar />
<Container className="px-4 py-5 h-screen">
<div className="grid grid-cols-1 gap-6 h-full lg:grid-cols-3 lg:grid-rows-2">
<div className="grid grid-cols-1 h-full lg:grid-cols-3 lg:grid-rows-2">
<div className="lg:row-span-2 lg:col-span-2 bg-indigo-700 h-full"></div>
<div className="lg:row-span-1 lg:col-span-1 bg-black h-full"></div>
<div className="lg:row-span-1 lg:col-span-1 bg-red-500"></div>

7
tailwind.config.js
View File

@ -11,9 +11,16 @@ module.exports = {
extend: {
colors: {
"accent-1": "#333",
"accent-4": "#888",
violet: "#7928CA",
pink: "#FF0080",
cyan: "#50E3C2",
},
},
},
variants: {},
plugins: [require("@tailwindcss/ui")],
experimental: {
applyComplexClasses: true,
},
};

8
ui/Logo/Logo.tsx
View File

@ -14,25 +14,25 @@ const Logo = () => (
d="M1.00032 7.45572H0.847148L0.847146 7.60888L0.84683 26.3794L0.846827 26.5326H1H3.35085H3.50402V26.3794V11.0488L15.5865 26.4613L15.6325 26.52H15.7071H18.593H18.9075L18.7136 26.2724L4.02996 7.51447L3.98397 7.45572H3.90935H1.00032Z"
fill="black"
stroke="black"
stroke-width="0.30634"
strokeWidth="0.30634"
/>
<path
d="M72.7815 7.63232V7.47915H72.6284H65.1018H64.9486V7.63232V9.94681V10.1H65.1018H72.4752V26.4028V26.556H72.6284H74.914H75.0672V26.4028V10.1H82.556H82.7092V9.94681V7.63232V7.47915H82.556H74.7986H74.7322L74.6868 7.52755L72.7815 9.55953V7.63232Z"
fill="black"
stroke="black"
stroke-width="0.30634"
strokeWidth="0.30634"
/>
<path
d="M25.5445 17.8767H33.7028H33.856V17.7235V15.8719V15.7187H33.7028H27.2383H27.1748L27.1299 15.7637L25.5445 17.3531V10.041H36.4734H36.6265V9.88786V7.63232V7.47915H36.4734H23.1365H22.9833V7.63232V26.3797V26.5329H23.1365H36.4734H36.6265V26.3797V24.284V24.1308H36.4734H25.5445V17.8767Z"
fill="black"
stroke="black"
stroke-width="0.30634"
strokeWidth="0.30634"
/>
<path
d="M59.6859 7.67494L59.8579 7.43301L59.561 7.43301L56.7236 7.43301L56.6484 7.43301L56.6024 7.49249L50.8466 14.9361L45.091 7.51545L45.045 7.45616L44.9699 7.45616L42.0145 7.45616L41.7035 7.45616L41.8931 7.70271L43.6728 10.0167L43.6731 10.0172L49.0095 17.0137L43.6716 24.2008L43.6704 24.2024L42.1443 26.3132L41.9687 26.5561L42.2685 26.5561L44.9699 26.5561L45.0449 26.5561L45.0909 26.4969L50.8466 19.0886L56.6025 26.5199L56.6485 26.5793L56.7236 26.5793L59.561 26.5793L59.7142 26.5793L59.7142 26.4261L59.7142 26.403L59.7142 26.3499L59.6814 26.3082L58.0206 24.199L52.684 17.0137L58.0207 10.0167L58.0208 10.0168L58.0238 10.0126L59.6859 7.67494ZM59.6859 7.67494L59.561 7.58618L59.561 7.58618L59.6859 7.67494Z"
fill="black"
stroke="black"
stroke-width="0.30634"
strokeWidth="0.30634"
/>
</svg>
);