refactor(media-query): video thread done right

Author: mydearxym

components/VideoItem/styles/index.js

@@ -22,12 +22,21 @@ export const PosterWrapper = styled.div`
   position: relative;
   height: 138px;
   width: 246px;
+
+  ${cs.media.mobile`
+    height: 118px;
+    width: 136px;
+  `};
 `
 export const Poster = styled.img`
   height: 100%;
   width: 100%;
   min-width: 246px;
   opacity: ${theme('avatarOpacity')};
+
+  ${cs.media.mobile`
+    min-width: 146px;
+`};
 `
 export const Duration = styled.div`
   position: absolute;
@@ -100,6 +109,10 @@ export const BodyDigest = styled.li`
   &:hover {
     cursor: pointer;
   }
+
+  ${cs.media.mobile`
+    ${cs.truncate('200px')};
+  `};
 `
 export const OriginalAuthorLink = styled.a`
   transition: color 0.3s;

containers/VideosThread/styles/index.js

@@ -22,6 +22,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')}; */