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

styles: add flex, justify body

Browse Source
This commit is contained in:
unknown 2021-09-01 09:25:31 +07:00
parent a5f6cbbf24
commit b944736868
2 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.module.scss
View File

@ -1,8 +1,10 @@
.wrapper{
@apply flex justify-center;
}
.deliveryAndPolicyContentWrapper{ .deliveryAndPolicyContentWrapper{
max-width: 80.4rem; max-width: 80.4rem;
min-height: 4rem; min-height: 4rem;
margin-left: 31.8rem;
margin-right: 31.8rem;
} }
.titleWrapper{ .titleWrapper{

34
src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.tsx
View File

@ -16,25 +16,27 @@ const CONTENT = [
const DeliveryAndPolicyContent = ( { title, date, content } : DeliveryAndPolicyContentProps) => { const DeliveryAndPolicyContent = ( { title, date, content } : DeliveryAndPolicyContentProps) => {
return ( return (
<section className={s.deliveryAndPolicyContentWrapper}> <section className={s.wrapper}>
<div className={s.titleWrapper}> <div className={s.deliveryAndPolicyContentWrapper}>
<div className={s.date}> <div className={s.titleWrapper}>
<div className={s.update}>LASTEST UPDATED:&nbsp;</div> <div className={s.date}>
<DateTime date={date} /> <div className={s.update}>LASTEST UPDATED:&nbsp;</div>
<DateTime date={date} />
</div>
<HeadingCommon>{title}</HeadingCommon>
</div> </div>
<HeadingCommon>{title}</HeadingCommon> <div className={s.contentContainer}>
{
content.map(item => <CollapseContent content={item} />)
}
</div>
<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} />
</div> </div>
<div className={s.contentContainer}>
{
content.map(item => <CollapseContent content={item} />)
}
</div>
<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} />
</section> </section>
) )