refactor(media-query): repo thread look great

mydearxym · mydearxym · commit ee5d1dc8bc38 · 2019-02-04T00:41:58.000+08:00
diff --git a/components/RepoItem/styles/header.js b/components/RepoItem/styles/header.js
@@ -31,12 +31,19 @@ export const Owner = styled.div`
   ${Title}:hover & {
     color: ${theme('banner.title')};
   }
+
+  ${cs.media.mobile`
+    ${cs.truncate('60px')};
+`};
 `
 export const RepoName = styled.div`
   color: ${theme('thread.repoTitle')};
   ${Title}:hover & {
     color: ${theme('banner.title')};
   }
+  ${cs.media.mobile`
+    ${cs.truncate('80px')};
+  `};
 `
 export const TagsWrapper = styled.div`
   margin-top: 4px;
diff --git a/containers/ReposThread/styles/index.js b/containers/ReposThread/styles/index.js
@@ -24,6 +24,7 @@ export const LeftPart = styled.div`
 export const RightPart = styled.div`
   width: 20vw;
   margin-left: 30px;
+  ${cs.media.mobile`display: none;`};
 `
 /* fill: ${theme('shell.searchIcon')}; */
 export const PublishBtn = styled(Button)`

Original file line number	Diff line number	Diff line change
@@ -31,12 +31,19 @@ export const Owner = styled.div`
`31`	`31`	`${Title}:hover & {`
`32`	`32`	`color: ${theme('banner.title')};`
`33`	`33`	`}`
	`34`	`+`
	`35`	+ ${cs.media.mobile`
	`36`	`+ ${cs.truncate('60px')};`
	`37`	+`};
`34`	`38`	`
`35`	`39`	export const RepoName = styled.div`
`36`	`40`	`color: ${theme('thread.repoTitle')};`
`37`	`41`	`${Title}:hover & {`
`38`	`42`	`color: ${theme('banner.title')};`
`39`	`43`	`}`
	`44`	+ ${cs.media.mobile`
	`45`	`+ ${cs.truncate('80px')};`
	`46`	+ `};
`40`	`47`	`
`41`	`48`	export const TagsWrapper = styled.div`
`42`	`49`	`margin-top: 4px;`
Original file line number	Diff line number	Diff line change
@@ -24,6 +24,7 @@ export const LeftPart = styled.div`
`24`	`24`	export const RightPart = styled.div`
`25`	`25`	`width: 20vw;`
`26`	`26`	`margin-left: 30px;`
	`27`	+ ${cs.media.mobile`display: none;`};
`27`	`28`	`
`28`	`29`	`/* fill: ${theme('shell.searchIcon')}; */`
`29`	`30`	export const PublishBtn = styled(Button)`