fix(ui): fix search value null bug

nervosnetwork · Jun 13, 2019 · 7441797 · 7441797
1 parent bac010b
commit 7441797
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/web/src/components/Header/index.tsx b/web/src/components/Header/index.tsx
@@ -270,9 +270,7 @@ export default ({ search = true }: { search?: boolean }) => {
           </div>
         )}
       </HeaderMobileDiv>
-      <HeaderSearchPanel>
-        <Search />
-      </HeaderSearchPanel>
+      <HeaderSearchPanel>{search && <Search />}</HeaderSearchPanel>
     </HeaderMobilePanel>
   )
 }
diff --git a/web/src/components/Search/index.tsx b/web/src/components/Search/index.tsx
@@ -26,6 +26,9 @@ const SearchPanel = styled.div`
     font-size: 16px;
     @media (max-width: 700px) {
       font-size: 12px;
+      width: 80%;
+      padding-left: 10px;
+      padding-right: 20px;
     }
     padding-left: 20px;
     padding-right: 50px;

diff --git a/web/src/pages/SearchFail/index.tsx b/web/src/pages/SearchFail/index.tsx
@@ -16,6 +16,12 @@ const SearchContent = styled.div`
   margin: 0 auto;
   margin-top: 39px;
   text-align: center;
+
+  @media (max-width: 700px) {
+    max-width: 80%;
+    font-size: 12px;
+    margin-top: 15px;
+  }
 `
 
 export default (props: React.PropsWithoutRef<RouteComponentProps>) => {