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

Fix some paddings

Browse Source
This commit is contained in:
paco 2020-10-08 14:17:20 -06:00
parent a05c15b002
commit 6bc416eb74
No known key found for this signature in database
GPG Key ID: CD243AF4E535B475
4 changed files with 4 additions and 7 deletions
components
core/Navbar
Navbar.tsx
ui/Hero
Hero.module.cssHero.tsx
pages
index.tsx

4
components/core/Navbar/Navbar.tsx

@ -14,7 +14,7 @@ const Navbar: FC<Props> = ({ className }) => {
return ( return (
<div className={rootClassName}> <div className={rootClassName}>
<Container> <Container>
<div className="flex justify-between align-center flex-row px-6 py-4 md:py-6 relative"> <div className="flex justify-between align-center flex-row p-4 md:p-6 relative">
<div className="flex flex-1 items-center"> <div className="flex flex-1 items-center">
<Link href="/"> <Link href="/">
<a className="cursor-pointer"> <a className="cursor-pointer">
@ -42,7 +42,7 @@ const Navbar: FC<Props> = ({ className }) => {
<UserNav /> <UserNav />
</div> </div>
</div> </div>
<div className="block flex pb-4 md:hidden px-6"> <div className="block flex pb-4 md:hidden px-4 md:px-6">
<Searchbar /> <Searchbar />
</div> </div>
</Container> </Container>

3
components/ui/Hero/Hero.module.css

@ -1,3 +0,0 @@
.root {
@apply bg-black py-12;
}

2
components/ui/Hero/Hero.tsx

@ -9,7 +9,7 @@ interface Props {
} }
const Hero: FC<Props> = ({ headline, description, className }) => { const Hero: FC<Props> = ({ headline, description, className }) => {
const rootClassName = cn(s.root, className) const rootClassName = cn('bg-black py-12 px-4 md:px-6', className)
return ( return (
<div className={rootClassName}> <div className={rootClassName}>
<Container> <Container>

2
pages/index.tsx

@ -38,7 +38,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 px-4 flex flex-row w-full">
<div className="flex-0 pr-3 w-48 break-words"> <div className="flex-0 pr-3 w-48 break-words">
ALL CATEGORIES ACCESSORIES BAGS CLOTHING SHOES ALL DESIGNERS 032c 1017 ALL CATEGORIES ACCESSORIES BAGS CLOTHING SHOES ALL DESIGNERS 032c 1017
</div> </div>