bugs: header animation

This commit is contained in:
lytrankieio123
2021-09-14 14:45:00 +07:00
parent df47b3a6f4
commit a99b4d5e21
2 changed files with 13 additions and 15 deletions

View File

@@ -53,6 +53,17 @@ const Header = memo(({ toggleFilter }: props) => {
return ( return (
<> <>
<div className={classNames({
[s.headerSticky]: true,
[s.show]: !isFullHeader
})}>
<HeaderMenu
toggleFilter={toggleFilter}
toggleCart={toggleCart}
openModalAuthen={openModalAuthen}
openModalInfo={openModalInfo} />
</div>
<header ref={headeFullRef} className={classNames({ [s.header]: true, [s.full]: isFullHeader })}> <header ref={headeFullRef} className={classNames({ [s.header]: true, [s.full]: isFullHeader })}>
<HeaderHighLight /> <HeaderHighLight />
<div className={s.menu}> <div className={s.menu}>
@@ -65,19 +76,7 @@ const Header = memo(({ toggleFilter }: props) => {
</div> </div>
</header> </header>
<HeaderSubMenuMobile />
<div className={classNames({
[s.headerSticky]: true,
[s.show]: !isFullHeader
})}>
<HeaderMenu
toggleFilter={toggleFilter}
toggleCart={toggleCart}
openModalAuthen={openModalAuthen}
openModalInfo={openModalInfo} />
</div>
<HeaderSubMenuMobile/>
<ModalAuthenticate visible={visibleModalAuthen} closeModal={closeModalAuthen} /> <ModalAuthenticate visible={visibleModalAuthen} closeModal={closeModalAuthen} />
<ModalCreateUserInfo demoVisible={visibleModalInfo} demoCloseModal={closeModalInfo} /> <ModalCreateUserInfo demoVisible={visibleModalInfo} demoCloseModal={closeModalInfo} />
<CartDrawer <CartDrawer

View File

@@ -1,10 +1,9 @@
import React from 'react' import React from 'react'
import { Banner, StaticImage } from 'src/components/common' import { Banner, StaticImage } from 'src/components/common'
import { ROUTE } from 'src/utils/constanst.utils'
import BannerImgRight from './assets/banner_full.png' import BannerImgRight from './assets/banner_full.png'
import HomeBannerImg from './assets/home_banner.png' import HomeBannerImg from './assets/home_banner.png'
import s from './HomeBanner.module.scss' import s from './HomeBanner.module.scss'
import Image from 'next/image'
import { ROUTE } from 'src/utils/constanst.utils'
interface Props { interface Props {
className?: string className?: string