crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-14 14:42:31 +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
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 {
@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>
);
};

2
pages/index.tsx
View File

@ -9,7 +9,7 @@ export default function Home() {
title="Free Standard Shipping on orders over $99.99"
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>
</Container>
</>

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

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