Skip to content

I
interface
Commit 43a0bf4c authored by Callil Capuozzo's avatar Callil Capuozzo Committed by GitHub
Browse files
Options

style: polish explore banner blur effect (#5267) 

* Update Banner.tsx

* Adjust dark theme opacity value
parent 54642351
Hide whitespace changes
Inline Side-by-side
Showing with 3 additions and 2 deletions
src/nft/components/explore/Banner.tsx
View file @ 43a0bf4c
......@@ -22,7 +22,7 @@ const BannerContainer = styled.div`
const AbsoluteFill = styled.div`
position: absolute;
top: -72px;
top: -96px;
left: 0;
right: 0;
bottom: 0;
......@@ -31,7 +31,8 @@ const AbsoluteFill = styled.div`
const BannerBackground = styled(AbsoluteFill)<{ backgroundImage: string }>`
background-image: ${(props) => `url(${props.backgroundImage})`};
filter: blur(62px);
opacity: ${({ theme }) => (theme.darkMode ? 0.4 : 0.2)};
opacity: ${({ theme }) => (theme.darkMode ? 0.3 : 0.2)};
transform: scale(1.1);
`
const PlainBackground = styled(AbsoluteFill)`
......
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