Commit 562a386d authored by lynn's avatar lynn Committed by GitHub

fix: release phase 1 nav bar (#5111)

* init

* just release phase 1 nav bar

* oops
parent 99bea34f
......@@ -65,17 +65,14 @@ const BodyWrapper = styled.div`
`};
`
const HeaderWrapper = styled.div<{ scrolledState?: boolean; nftFlagEnabled?: boolean }>`
const HeaderWrapper = styled.div<{ scrolledState?: boolean }>`
${({ theme }) => theme.flexRowNoWrap}
background-color: ${({ theme, nftFlagEnabled, scrolledState }) =>
scrolledState && nftFlagEnabled && theme.backgroundSurface};
border-bottom: ${({ theme, nftFlagEnabled, scrolledState }) =>
scrolledState && nftFlagEnabled && `1px solid ${theme.backgroundOutline}`};
background-color: ${({ theme, scrolledState }) => scrolledState && theme.backgroundSurface};
border-bottom: ${({ theme, scrolledState }) => scrolledState && `1px solid ${theme.backgroundOutline}`};
width: 100%;
justify-content: space-between;
position: fixed;
transition: ${({ theme, nftFlagEnabled }) =>
nftFlagEnabled &&
transition: ${({ theme }) =>
`background-color ${theme.transition.duration.fast} ease-in-out,
border-width ${theme.transition.duration.fast} ease-in-out`};
top: 0;
......@@ -171,7 +168,7 @@ export default function App() {
<ApeModeQueryParamReader />
<AppWrapper>
<Trace page={currentPage}>
<HeaderWrapper scrolledState={scrolledState} nftFlagEnabled={nftFlag === NftVariant.Enabled}>
<HeaderWrapper scrolledState={scrolledState}>
<NavBar />
</HeaderWrapper>
<BodyWrapper>
......
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