This repository was archived by the owner on Nov 8, 2022. It is now read-only.
File tree Expand file tree Collapse file tree 2 files changed +14
-0
lines changed
components/VideoItem/styles
containers/VideosThread/styles Expand file tree Collapse file tree 2 files changed +14
-0
lines changed Original file line number Diff line number Diff line change @@ -22,12 +22,21 @@ export const PosterWrapper = styled.div`
22
22
position: relative;
23
23
height: 138px;
24
24
width: 246px;
25
+
26
+ ${ cs . media . mobile `
27
+ height: 118px;
28
+ width: 136px;
29
+ ` } ;
25
30
`
26
31
export const Poster = styled . img `
27
32
height: 100%;
28
33
width: 100%;
29
34
min-width: 246px;
30
35
opacity: ${ theme ( 'avatarOpacity' ) } ;
36
+
37
+ ${ cs . media . mobile `
38
+ min-width: 146px;
39
+ ` } ;
31
40
`
32
41
export const Duration = styled . div `
33
42
position: absolute;
@@ -100,6 +109,10 @@ export const BodyDigest = styled.li`
100
109
&:hover {
101
110
cursor: pointer;
102
111
}
112
+
113
+ ${ cs . media . mobile `
114
+ ${ cs . truncate ( '200px' ) } ;
115
+ ` } ;
103
116
`
104
117
export const OriginalAuthorLink = styled . a `
105
118
transition: color 0.3s;
Original file line number Diff line number Diff line change @@ -22,6 +22,7 @@ export const LeftPart = styled.div`
22
22
export const RightPart = styled . div `
23
23
width: 20vw;
24
24
margin-left: 30px;
25
+ ${ cs . media . mobile `display: none;` } ;
25
26
`
26
27
27
28
/* fill: ${theme('shell.searchIcon')}; */
You can’t perform that action at this time.
0 commit comments