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

Layout Changes

Browse Source
This commit is contained in:
Belen Curcio 2020-10-13 08:53:05 -03:00
parent d2a22a50b3
commit 5d6804c7af
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/core/Layout/Layout.tsx
View File

@ -24,8 +24,8 @@ const CoreLayout: FC<Props> = ({ className, children }) => {
/> />
<Container> <Container>
<Navbar /> <Navbar />
<main className={s.main}>{children}</main>
</Container> </Container>
<main className={s.main}>{children}</main>
<Footer /> <Footer />
<Sidebar show={displaySidebar} close={closeSidebar}> <Sidebar show={displaySidebar} close={closeSidebar}>
<CartSidebarView /> <CartSidebarView />
@ -36,9 +36,9 @@ const CoreLayout: FC<Props> = ({ className, children }) => {
const Layout: FC<Props> = (props) => ( const Layout: FC<Props> = (props) => (
<CommerceProvider locale="en-us"> <CommerceProvider locale="en-us">
<UIProvider> <UIProvider>
<CoreLayout {...props} /> <CoreLayout {...props} />
</UIProvider> </UIProvider>
</CommerceProvider> </CommerceProvider>
) )

2
components/ui/Sidebar/Sidebar.tsx
View File

@ -73,7 +73,7 @@ const Sidebar: FC<Props> = ({ className, children, show = true, close }) => {
leaveTo="translate-x-full" leaveTo="translate-x-full"
> >
<div className="h-full w-screen max-w-md"> <div className="h-full w-screen max-w-md">
<div className="h-full flex flex-col text-primary bg-primary shadow-xl overflow-y-auto"> <div className="h-full flex flex-col text-primary bg-primary shadow-xl overflow-y-auto">
{children} {children}
</div> </div>
</div> </div>

2
pages/index.tsx
View File

@ -42,7 +42,7 @@ export default function Home({
variant="secondary" variant="secondary"
wrapper={(p: any) => <ProductCard {...p} variant="slim" />} wrapper={(p: any) => <ProductCard {...p} variant="slim" />}
/> />
<div className="py-12 flex flex-row w-full"> <div className="py-12 flex flex-row w-full px-12">
<div className="pr-3 w-48"> <div className="pr-3 w-48">
<ul className="mb-10"> <ul className="mb-10">
<li className="py-1 text-primary font-bold tracking-wide"> <li className="py-1 text-primary font-bold tracking-wide">