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