From 4b96affd29d823e1dc6eb7f94753a83ed1c16d4c Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Thu, 1 Aug 2019 02:30:35 +0900
Subject: [PATCH] fix: no animation due to glitch in iOS

---
 web/src/App.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/src/App.js b/web/src/App.js
index c1afec3..6f9f1ff 100644
--- a/web/src/App.js
+++ b/web/src/App.js
@@ -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;
   }
 `