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

styles: banner item

Browse Source
This commit is contained in:
lytrankieio123
2021-09-13 11:51:46 +07:00
parent 0eddfe7c91
commit 46233a1108
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/common/Banner/BannerItem/BannerItem.module.scss
View File

@@ -7,20 +7,19 @@
margin-bottom: 2.8rem; margin-bottom: 2.8rem;
.inner { .inner {
background-size: cover; background-size: cover;
background-position: right bottom; background-position: center bottom;
@screen xl {
background-position: right bottom;
}
} }
} }
.inner { .inner {
@apply bg-no-repeat; @apply bg-no-repeat;
background-size: 90%; background-size: 90%;
background-position: right -500% bottom 0%; background-position: right -500% bottom 0%;
.content { .content {
background-image: linear-gradient( background-image: linear-gradient(to right, rgb(227, 242, 233) 63%, rgb(227, 242, 233, 0));
to right,
rgb(227, 242, 233) 63%,
rgb(227, 242, 233, 0)
);
padding: 2rem; padding: 2rem;
padding-bottom: 4rem; padding-bottom: 4rem;
max-width: 37rem; max-width: 37rem;

2
src/components/common/Header/Header.tsx
View File

@@ -41,6 +41,8 @@ const Header = memo(({ toggleFilter }: props) => {
} else { } else {
setIsFullHeader(true) setIsFullHeader(true)
} }
} else {
setIsFullHeader(true)
} }
} }
window.addEventListener('scroll', handleScroll) window.addEventListener('scroll', handleScroll)

2
src/utils/funtion.utils.ts
View File

@@ -1,5 +1,5 @@
export function isMobile() { export function isMobile() {
return window.innerWidth <= 768 return window.innerWidth < 768
} }
export function removeItem<T>(arr: Array<T>, value: T): Array<T> { export function removeItem<T>(arr: Array<T>, value: T): Array<T> {