refactor(media-query): communities page make right

mydearxym · mydearxym · commit 28f1f2366c24 · 2019-02-06T00:14:21.000+08:00
diff --git a/containers/CommunitiesBanner/styles/search_box.js b/containers/CommunitiesBanner/styles/search_box.js
@@ -18,6 +18,12 @@ export const InputWrapper = styled.div`
     opacity: 1;
   }
   transition: all 0.2s ease-in;
+
+  ${cs.media.mobile`
+    width: 70%;
+    margin-left: 15%;
+    padding: 8px;
+  `};
 `
 export const SearchIcon = styled(Img)`
   fill: ${theme('banner.desc')};

Original file line number	Diff line number	Diff line change
@@ -18,6 +18,12 @@ export const InputWrapper = styled.div`
`18`	`18`	`opacity: 1;`
`19`	`19`	`}`
`20`	`20`	`transition: all 0.2s ease-in;`
	`21`	`+`
	`22`	+ ${cs.media.mobile`
	`23`	`+ width: 70%;`
	`24`	`+ margin-left: 15%;`
	`25`	`+ padding: 8px;`
	`26`	+ `};
`21`	`27`	`
`22`	`28`	export const SearchIcon = styled(Img)`
`23`	`29`	`fill: ${theme('banner.desc')};`