Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Nov 8, 2022. It is now read-only.

Commita52132e

Browse files
committed
refactor(media-query): video thread done right
1 parentee5d1dc commita52132e

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
exportconstPoster=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
exportconstDuration=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
exportconstOriginalAuthorLink=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
exportconstRightPart=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)

[8]ページ先頭

©2009-2025 Movatter.jp