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` ...@@ -22,7 +22,7 @@ const BannerContainer = styled.div`
const AbsoluteFill = styled.div` const AbsoluteFill = styled.div`
position: absolute; position: absolute;
top: -72px; top: -96px;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
...@@ -31,7 +31,8 @@ const AbsoluteFill = styled.div` ...@@ -31,7 +31,8 @@ const AbsoluteFill = styled.div`
const BannerBackground = styled(AbsoluteFill)<{ backgroundImage: string }>` const BannerBackground = styled(AbsoluteFill)<{ backgroundImage: string }>`
background-image: ${(props) => `url(${props.backgroundImage})`}; background-image: ${(props) => `url(${props.backgroundImage})`};
filter: blur(62px); 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)` 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