Commit 9b31e7b6 authored by Mike Grabowski's avatar Mike Grabowski Committed by GitHub

feat: render background below navbar + remove overflow (#5247)

* feat: render bg below nav

* remove overflow on header

* chore: remove unused prop
parent 5696c613
...@@ -18,27 +18,20 @@ const BannerContainer = styled.div` ...@@ -18,27 +18,20 @@ const BannerContainer = styled.div`
width: 100%; width: 100%;
padding: 32px 16px 0 16px; padding: 32px 16px 0 16px;
position: relative; position: relative;
overflow: hidden;
` `
const AbsoluteFill = styled.div` const AbsoluteFill = styled.div`
position: absolute; position: absolute;
top: -72px;
left: 0; left: 0;
right: 0; right: 0;
top: 0;
bottom: 0; bottom: 0;
opacity: ${({ theme }) => (theme.darkMode ? 0.4 : 0.2)};
` `
const BannerBackground = styled(AbsoluteFill)<{ backgroundImage: string }>` const BannerBackground = styled(AbsoluteFill)<{ backgroundImage: string }>`
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
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)};
` `
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