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

🎨 styles: box shadow header

Browse Source 
:%s
This commit is contained in:
lytrankieio123 2021-09-14 15:29:19 +07:00
parent 87c9a5ffc1
commit 9cb93394d1
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/common/Header/Header.module.scss
View File

@ -6,20 +6,28 @@
left: 0;
z-index: 9999;
margin-bottom: 3.2rem;
@screen md {
@apply relative;
}
&.full {
@apply shadow-none;
border: 1px solid var(--border-line);
}
.menu {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.logo {
@apply font-logo;
}
@screen md {
@apply relative;
&.full {
border: 1px solid var(--border-line);
}
.menu {
@apply shadow-none;
}
}
}
.headerSticky {

3
src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
View File

@ -1,5 +1,5 @@
import classNames from 'classnames'
import Link from 'next/link'
import { useRouter } from 'next/router'
import { memo, useMemo } from 'react'
import InputSearch from 'src/components/common/InputSearch/InputSearch'
import MenuDropdown from 'src/components/common/MenuDropdown/MenuDropdown'
@ -7,7 +7,6 @@ import { IconBuy, IconFilter, IconHeart, IconHistory, IconUser } from 'src/compo
import { ACCOUNT_TAB, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils'
import Logo from '../../../Logo/Logo'
import s from './HeaderMenu.module.scss'
import { useRouter } from 'next/router'
interface Props {
children?: any,
openModalAuthen: () => void,