cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests 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
Show Stats 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 { .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 cn from "classnames";
import { FunctionComponent } from "react"; import React, { FunctionComponent } from "react";
import s from "./Navbar.module.css"; import s from "./Navbar.module.css";
import { Logo } from "ui"; import { Logo, Container } from "ui";
interface Props { interface Props {
className?: string; className?: string;
children?: any; children?: any;
@ -11,10 +11,12 @@ const Navbar: FunctionComponent<Props> = ({ className }) => {
const rootClassName = cn(s.root, className); const rootClassName = cn(s.root, className);
return ( return (
<div className={rootClassName}> <div className={rootClassName}>
<Logo /> <Container className={s.container}>
<div>SEARCH BAR</div> <Logo />
<div>Menu list bar</div> <div>SEARCH BAR</div>
<div>Menu Icon bar</div> <div>Menu list bar</div>
<div>Menu Icon bar</div>
</Container>
</div> </div>
); );
}; };

2
pages/index.tsx
View File

@ -9,7 +9,7 @@ export default function Home() {
title="Free Standard Shipping on orders over $99.99" title="Free Standard Shipping on orders over $99.99"
description="Due to COVID-19, some orders may experience processing and delivery delays." description="Due to COVID-19, some orders may experience processing and delivery delays."
/> />
<Container className="py-12 bg-black"> <Container className="py-12">
<Button>Click Me!</Button> <Button>Click Me!</Button>
</Container> </Container>
</> </>

3
ui/Container/Container.module.css
View File

@ -1,3 +1,4 @@
.root { .root {
@apply max-w-6xl mx-auto; @apply max-w-6xl mx-auto px-2;
display: inherit;
} }