Skip to content
This repository was archived by the owner on Nov 8, 2022. It is now read-only.

Commit a52132e

Browse files
committed
refactor(media-query): video thread done right
1 parent ee5d1dc commit a52132e

File tree

2 files changed

+14
-0
lines changed

2 files changed

+14
-0
lines changed

components/VideoItem/styles/index.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,21 @@ export const PosterWrapper = styled.div`
2222
position: relative;
2323
height: 138px;
2424
width: 246px;
25+
26+
${cs.media.mobile`
27+
height: 118px;
28+
width: 136px;
29+
`};
2530
`
2631
export const Poster = styled.img`
2732
height: 100%;
2833
width: 100%;
2934
min-width: 246px;
3035
opacity: ${theme('avatarOpacity')};
36+
37+
${cs.media.mobile`
38+
min-width: 146px;
39+
`};
3140
`
3241
export const Duration = styled.div`
3342
position: absolute;
@@ -100,6 +109,10 @@ export const BodyDigest = styled.li`
100109
&:hover {
101110
cursor: pointer;
102111
}
112+
113+
${cs.media.mobile`
114+
${cs.truncate('200px')};
115+
`};
103116
`
104117
export const OriginalAuthorLink = styled.a`
105118
transition: color 0.3s;

containers/VideosThread/styles/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ export const LeftPart = styled.div`
2222
export const RightPart = styled.div`
2323
width: 20vw;
2424
margin-left: 30px;
25+
${cs.media.mobile`display: none;`};
2526
`
2627

2728
/* fill: ${theme('shell.searchIcon')}; */

0 commit comments

Comments
 (0)