This commit is contained in:
Aarni Halinen
2021-01-15 22:10:39 +02:00
parent 6dc5e669b9
commit 0638167ca4
101 changed files with 953 additions and 887 deletions
+4 -6
View File
@@ -24,13 +24,12 @@ const Sticky = styled.div<{$isHidden?: boolean}>`
background-color: ${colors.darkBlue};
transition: all 200ms ease-out;
${(p) => p.$isHidden ? (`
${(p) => (p.$isHidden ? (`
transition: all 200ms ease-in;
transform: translateY(-100%);
`) : null}
`) : null)}
`;
const PREVENT_IS_HIDDEN_Y = 150;
const Header: React.FC = () => {
@@ -58,7 +57,6 @@ const Header: React.FC = () => {
return () => window.removeEventListener("scroll", func);
}, [isHidden, mobileMenuOpen]);
return (
<Sticky $isHidden={isHidden}>
<StyledHeader>
@@ -67,7 +65,7 @@ const Header: React.FC = () => {
</StyledHeader>
<NavigationMobile mobileMenuOpen={mobileMenuOpen} />
</Sticky>
)
}
);
};
export default Header;