ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(banner): fix 1px non-overlay gap (#5414)

Browse Source 
* fix(banner): fix 1px non-overlay gap

* pr feedback

* pr feedback
This commit is contained in:
Jordan Frankfurt 2022-11-28 17:06:52 -06:00 committed by GitHub
parent a6549dd340
commit f29c9f8440
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/nft/components/explore/CarouselCard.tsx
View File

@ -96,13 +96,18 @@ const LoadingCollectionNameContainer = styled(LoadingBubble)`
` `
const HeaderOverlay = styled.div` const HeaderOverlay = styled.div`
position: absolute;
bottom: 0px;
top: 0px;
right: 0px;
left: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.08)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.08));
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
top: 0px;
z-index: 0; z-index: 0;
// overlay workaround for firefox only
@supports (-moz-appearance: none) {
bottom: -1px;
}
` `
const CollectionImage = styled.img` const CollectionImage = styled.img`