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

styles: apply center, add padding left

Browse Source
This commit is contained in:
unknown 2021-09-01 08:59:33 +07:00
parent 18ec5135ca
commit f63b2468ce
2 changed files with 15 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
pages/index.tsx
View File

@ -1,38 +1,24 @@
import { CardBlog, CollapseCommon, Layout, RelevantBlogPosts } from 'src/components/common'; import { Author, CardBlog, CollapseCommon, Layout, RelevantBlogPosts } from 'src/components/common';
import { HomeBanner, HomeCategories, HomeCollection, HomeCTA, HomeFeature, HomeRecipe, HomeSubscribe, HomeVideo } from 'src/components/modules/home'; import { HomeBanner, HomeCategories, HomeCollection, HomeCTA, HomeFeature, HomeRecipe, HomeSubscribe, HomeVideo } from 'src/components/modules/home';
import {SelectCommon} from 'src/components/common' import {SelectCommon} from 'src/components/common'
import card from "../public/assets/images/card.png" import card from "../public/assets/images/card.png"
import image20 from '../public/assets/images/image20.png'
import author from '../public/assets/images/author.png'
import { FeaturedCardBlog } from 'src/components/modules/blogs';
const CONTENT = [ const data = {
"When you’re trying to eat healthier but want something more substantial than a leafy green salad, broccoli salad is there for you. I love the crunch and heft of broccoli, especially when it’s cut up into bite size spoonable pieces.", title: "Flammekueche with green asparagus",
"Some people aren’t into raw broccoli, but I love it! I always go for the raw broccoli on those vegetable platters that seem to be at every potluck/party you go to.", content: "Traditionally, the Flammekueche is made with rapeseed oil, which, contrary to popular belief, is indeed an oil that can be cooked hot and is not limited to seasoning. It is important to vary the oils in the kitchen to take advantage of the benefits of each. Rapeseed oil is an oil rich in omega 3 which participate in the proper functioning of the cardiovascular system as well as in vitamins E which contributes to the protection of cells against oxidative stress. In short, oils are your friends 😉",
"This is a simple broccoli salad: you have the bulk of it, raw broccoli; crunchy red onions for a bit of acidity and raw crunch, craisins for sweetness, almonds for a nutty counter point; and a sweet and tangy soy-rice vinegar-sesame dressing.", imgSrc: image20,
] imgAuthor: author,
date: "APRIL 30, 2021",
author: "Alessandro Del Piero"
}
export default function Home() { export default function Home() {
return ( return (
<> <>
{/* <HomeBanner /> <FeaturedCardBlog title={data.title} content={data.content} imgSrc={data.imgSrc} imgAuthor={data.imgAuthor} date={data.date} authorName={data.author} />
<HomeBanner/>
<HomeFeature />
<HomeCategories />
<HomeCollection />
<HomeVideo />
<HomeCTA /> */}
{/* <HomeRecipe />
<HomeSubscribe /> */}
{/* <HomeRecipe /> */}
{/* <SelectCommon option={OPTION_SORT}>Sort By</SelectCommon>
<SelectCommon option={OPTION_SORT} size="large" type="custom">Sort By</SelectCommon> */}
<CollapseCommon title="This is a subtitle" content={CONTENT} />
<CollapseCommon title="This is a subtitle" content={CONTENT} />
<CollapseCommon title="This is a subtitle" content={CONTENT} />
<CollapseCommon title="This is a subtitle" content={CONTENT} />
<CollapseCommon title="This is a subtitle" content={CONTENT} />
<CollapseCommon title="This is a subtitle" content={CONTENT} />
<RelevantBlogPosts />
{/* todo: uncomment */}
{/* <ModalCreateUserInfo/> */}
</> </>
) )
} }

5
src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
View File

@ -1,15 +1,14 @@
@import "../../../../styles/utilities"; @import "../../../../styles/utilities";
.featuredCard{ .featuredCard{
@apply flex flex-row justify-between; @apply flex flex-row justify-center;
padding-left: 11.2rem;
padding-right: 11.2rem;
} }
.left{ .left{
max-width: 59.8rem; max-width: 59.8rem;
min-height: 33.6rem; min-height: 33.6rem;
} }
.right{ .right{
padding-left: 6.4rem;
max-width: 55.4rem; max-width: 55.4rem;
min-height: 16.8rem; min-height: 16.8rem;
} }