Commit f29c9f84 authored by Jordan Frankfurt's avatar Jordan Frankfurt Committed by GitHub

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

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

* pr feedback

* pr feedback
parent a6549dd3
......@@ -96,13 +96,18 @@ const LoadingCollectionNameContainer = styled(LoadingBubble)`
`
const HeaderOverlay = styled.div`
position: absolute;
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;
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));
position: absolute;
right: 0px;
top: 0px;
z-index: 0;
// overlay workaround for firefox only
@supports (-moz-appearance: none) {
bottom: -1px;
}
`
const CollectionImage = styled.img`
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment