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

♻️ enhan: using heading common in home video

Browse Source 
:%s
This commit is contained in:
lytrankieio123 2021-08-27 09:51:24 +07:00
parent 6f8ba5628d
commit 0a3e9b2d21
4 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/HeadingCommon/HeadingCommon.module.scss
View File

@ -1,7 +1,7 @@
@import '../../../styles/utilities'; @import '../../../styles/utilities';
.headingCommon { .headingCommon {
@apply heading-1 font-heading text-left; @apply heading-2 font-heading text-left;
&.highlight { &.highlight {
color: var(--negative); color: var(--negative);

4
src/components/common/HeadingCommon/HeadingCommon.tsx
View File

@ -11,11 +11,11 @@ interface HeadingCommonProps {
const HeadingCommon = ({ type='default', align='left', children }: HeadingCommonProps) => { const HeadingCommon = ({ type='default', align='left', children }: HeadingCommonProps) => {
return ( return (
<h1 className={classNames(s.headingCommon, { <h2 className={classNames(s.headingCommon, {
[s[type]]: type, [s[type]]: type,
[s[align]]: align [s[align]]: align
})} })}
>{children}</h1> >{children}</h2>
) )
} }

3
src/components/modules/home/HomeVideo/HomeVideo.module.scss
View File

@ -39,9 +39,6 @@
object-fit: cover; object-fit: cover;
} }
} }
.heading {
@apply heading-2 font-heading;
}
} }
.videoWrap { .videoWrap {
@apply relative flex justify-center; @apply relative flex justify-center;

5
src/components/modules/home/HomeVideo/HomeVideo.tsx
View File

@ -3,6 +3,7 @@ import React from 'react'
import s from './HomeVideo.module.scss' import s from './HomeVideo.module.scss'
import LogoBrand from './assets/logo_maggi.png' import LogoBrand from './assets/logo_maggi.png'
import { VideoPlayer } from 'src/components/common' import { VideoPlayer } from 'src/components/common'
import HeadingCommon from '../../../common/HeadingCommon/HeadingCommon'
interface Props { interface Props {
className?: string className?: string
@ -16,9 +17,9 @@ const HomeVideo = ({ }: Props) => {
<div className={s.logo}> <div className={s.logo}>
<Image src={LogoBrand} /> <Image src={LogoBrand} />
</div> </div>
<h2 className={s.heading}> <HeadingCommon>
Maggi Sauce Is The Secret Weapon For Making All Your Food Maggi Sauce Is The Secret Weapon For Making All Your Food
</h2> </HeadingCommon>
</div> </div>
<div className={s.videoWrap}> <div className={s.videoWrap}>
{/* todo: change url video */} {/* todo: change url video */}