crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

More UI Changes

Browse Source
This commit is contained in:
Belen Curcio
2020-09-23 16:57:17 -03:00
parent 4d0cb55ad8
commit d26ab52cb2
4 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,3 +1,7 @@
.root {
@apply flex justify-between items-center px-4 py-5;
@apply px-4 py-5;
}
.container {
@apply flex justify-between items-center flex-row;
}

14
components/Navbar/Navbar.tsx
View File

@@ -1,7 +1,7 @@
import cn from "classnames";
import { FunctionComponent } from "react";
import React, { FunctionComponent } from "react";
import s from "./Navbar.module.css";
import { Logo } from "ui";
import { Logo, Container } from "ui";
interface Props {
className?: string;
children?: any;
@@ -11,10 +11,12 @@ const Navbar: FunctionComponent<Props> = ({ className }) => {
const rootClassName = cn(s.root, className);
return (
<div className={rootClassName}>
<Logo />
<div>SEARCH BAR</div>
<div>Menu list bar</div>
<div>Menu Icon bar</div>
<Container className={s.container}>
<Logo />
<div>SEARCH BAR</div>
<div>Menu list bar</div>
<div>Menu Icon bar</div>
</Container>
</div>
);
};