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.

Commit4405152

Browse files
committed
style(comments): pretty it
1 parentc9ff290 commit4405152

File tree

3 files changed

+10
-16
lines changed

3 files changed

+10
-16
lines changed

‎containers/Comments/CommentsList.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -201,7 +201,7 @@ const TotalCountText = ({ count }) => (
201201
<TotalCountWrapper>
202202
{count>0 ?(
203203
<ListTitleid="lists-info">
204-
收到<TotalNum>{count}</TotalNum> 条评论:
204+
共收到<TotalNum>{count}</TotalNum> 条评论:
205205
</ListTitle>
206206
) :null}
207207
</TotalCountWrapper>

‎containers/Comments/styles/comments_list.js‎

Lines changed: 8 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -87,46 +87,40 @@ export const DeleteOverlay = styled.div`
8787
exportconstDeleteBtnGroup=styled.div`
8888
display: flex;
8989
`
90-
9190
exportconstCommentUserInfo=styled.div`
9291
margin-right: 15px;
9392
`
94-
95-
exportconstCommentAvatar=styled.img`
96-
width: 45px;
97-
height: 45px;
93+
exportconstCommentAvatar=styled(Img)`
94+
width: 38px;
95+
height: 38px;
9896
border-radius: 50%;
9997
opacity:${theme('avatarOpacity')};
10098
`
101-
10299
exportconstCommentHeader=styled.div`
103-
margin-bottom:12px;
100+
margin-bottom:5px;
104101
${column};
102+
margin-top: -1px;
105103
`
106-
107104
exportconstCommentHeaderFirst=styled.div`
108105
display: flex;
109106
`
110-
111107
exportconstCommentUserName=styled.div`
112108
color:${theme('comment.username')};
113-
font-size:1.3em;
109+
font-size:1rem;
114110
display: flex;
115111
flex-grow: 1;
116112
`
117-
118113
exportconstTimeStamps=styled.div`
119114
color:${theme('comment.placeholder')};
115+
font-size: 0.9rem;
120116
`
121-
122117
exportconstCommentBodyInfo=styled.div`
123118
width: 100%;
124119
${column};
125120
`
126121
exportconstCommentContent=styled.div`
127-
font-size: 1.1em;
122+
font-size: 1.1rem;
128123
`
129-
130124
exportconstCommentFooter=styled.div`
131125
margin-top: 15px;
132126
display: flex;

‎utils/themes/Cyan.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ const Cyan = {
115115
icon:'#62868a',
116116
didIcon:'orange',
117117
title:'#62868a',
118-
username:'#62868a',
118+
username:'#7FA7AC',
119119
number:'#efbc60',
120120
floor:'#efbc60',
121121
reply:'#93b3b5',

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp