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

new logo

Browse Source
This commit is contained in:
Belen Curcio 2020-10-03 11:00:08 -03:00
parent 307c0067cd
commit 3f39d31cc5
5 changed files with 19 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,3 +1,3 @@
.root {
@apply h-full border-indigo-900;
@apply h-full;
}

4
components/core/Navbar/Navbar.tsx
View File

@ -13,13 +13,13 @@ const Navbar: FC<Props> = ({ className }) => {
return (
<Container className={rootClassName}>
<Logo />
<div className="flex flex-row h-full content-center flex-1">
<Searchbar />
<div className="flex flex-row h-full content-center flex-1 ml-10">
<nav className="hidden flex-row items-center px-3 lg:flex">
<a className="pr-4">All</a>
<a className="pr-4">Clothes</a>
<a>Accesories</a>
</nav>
<Searchbar />
</div>
<UserNav />
</Container>

4
components/core/UserNav/UserNav.module.css
View File

@ -7,4 +7,8 @@
.item {
@apply mr-6 cursor-pointer relative;
&:last-child {
@apply mr-0;
}
}

37
components/ui/Logo/Logo.tsx
View File

@ -1,38 +1,17 @@
const Logo = () => (
<svg
width="265"
height="33"
viewBox="0 0 265 33"
width="32"
height="32"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="32" height="32" rx="16" fill="black" />
<path
d="M107.814 13.2069C107.157 9.51371 104.14 6.66301 99.8688 6.66301C94.8041 6.66301 91.1991 10.6893 91.1991 16.9687C91.1991 23.248 94.8041 27.2743 99.8688 27.2743C104.14 27.2743 107.157 24.4138 107.814 20.7304H105.972C105.413 23.4832 103.013 25.5502 99.8688 25.5502C96.0678 25.5502 92.9722 22.5427 92.9722 16.9687C92.9722 11.4142 96.0678 8.38715 99.8688 8.38715C103.013 8.38715 105.413 10.4639 105.972 13.2069H107.814ZM130.771 16.9687C130.771 10.6893 127.166 6.66301 122.092 6.66301C117.027 6.66301 113.422 10.6991 113.422 16.9687C113.422 23.2382 117.017 27.2743 122.092 27.2743C127.166 27.2743 130.771 23.248 130.771 16.9687ZM128.988 16.9687C128.998 22.3664 126.05 25.5502 122.092 25.5502C118.124 25.5502 115.195 22.3468 115.195 16.9687C115.195 11.5611 118.154 8.38715 122.092 8.38715C126.05 8.38715 128.988 11.5709 128.988 16.9687ZM137.409 6.9373V27H139.133V10.8068H139.289L146.059 27H147.724L154.493 10.8068H154.65V27H156.374V6.9373H154.258L146.979 24.4138H146.803L139.525 6.9373H137.409ZM163.915 6.9373V27H165.639V10.8068H165.796L172.565 27H174.23L181 10.8068H181.156V27H182.881V6.9373H180.765L173.486 24.4138H173.31L166.031 6.9373H163.915ZM190.421 27H202.255V25.3542H192.253V17.7817H201.442V16.136H192.253V8.58307H202.059V6.9373H190.421V27ZM209.008 27H210.84V18.8887H215.512C215.777 18.8887 216.032 18.8789 216.277 18.8593L220.675 27H222.791L218.157 18.5067C220.655 17.6838 221.949 15.6266 221.949 12.9424C221.949 9.43534 219.744 6.9373 215.483 6.9373H209.008V27ZM210.84 17.2136V8.58307H215.434C218.608 8.58307 220.146 10.317 220.146 12.9424C220.146 15.5678 218.608 17.2136 215.463 17.2136H210.84ZM244.331 13.2069C243.674 9.51371 240.657 6.66301 236.386 6.66301C231.321 6.66301 227.716 10.6893 227.716 16.9687C227.716 23.248 231.321 27.2743 236.386 27.2743C240.657 27.2743 243.674 24.4138 244.331 20.7304H242.489C241.931 23.4832 239.531 25.5502 236.386 25.5502C232.585 25.5502 229.489 22.5427 229.489 16.9687C229.489 11.4142 232.585 8.38715 236.386 8.38715C239.531 8.38715 241.931 10.4639 242.489 13.2069H244.331ZM250.841 27H262.675V25.3542H252.673V17.7817H261.861V16.136H252.673V8.58307H262.479V6.9373H250.841V27Z"
fill="#999999"
/>
<path
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"
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"
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"
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"
strokeWidth="0.30634"
fillRule="evenodd"
clipRule="evenodd"
d="M17.6482 10.1305L15.8785 7.02583L7.02979 22.5499H10.5278L17.6482 10.1305ZM19.8798 14.0457L18.11 17.1983L19.394 19.4511H16.8453L15.1056 22.5499H24.7272L19.8798 14.0457Z"
fill="white"
/>
</svg>
)

4
tailwind.config.js
View File

@ -16,6 +16,10 @@ module.exports = {
pink: '#FF0080',
cyan: '#50E3C2',
blue: '#0070F3',
primary: '#000',
textColor: {
primary: '#FFF',
},
},
},
},