1
0
mirror of https://github.com/uetchy/namae.git synced 2025-03-17 04:30:31 +09:00

fix: no animation due to glitch in iOS

This commit is contained in:
uetchy 2019-08-01 02:30:35 +09:00
parent 8e4fd48b90
commit 4b96affd29

View File

@ -31,7 +31,7 @@ export default function App() {
<>
<GlobalStyle />
<Content>
<Header queryGiven={queryGiven}>
<Header>
<InputContainer>
<Logo>namæ</Logo>
<Input onChange={onChange} />
@ -76,13 +76,12 @@ const Content = styled.div``
const Header = styled.header`
margin-bottom: 100px;
padding: ${({ queryGiven }) => (queryGiven ? '0 40px' : '40vh 40px 0')};
padding: 0 40px;
background-image: linear-gradient(180deg, #a2d4ff 0%, #ac57ff 99%);
transition: padding 0.6s cubic-bezier(0.19, 1, 0.22, 1);
${mobile} {
margin-bottom: 60px;
padding: ${({ queryGiven }) => (queryGiven ? '0 20px' : '40vh 20px 0')};
padding: 0 20px;
}
`