Pārlūkot izejas kodu

feat: 更新评论框样式

node 5 gadus atpakaļ
vecāks
revīzija
f896fced76

+ 1
- 1
lib/components/CommentList/index.css Parādīt failu

5
   background-color: #f8f8f8;
5
   background-color: #f8f8f8;
6
   cursor: pointer;
6
   cursor: pointer;
7
   padding: 10px;
7
   padding: 10px;
8
-  margin: 40px auto;
8
+  margin: 40px auto 80px auto;
9
   transition: all 0.3s;
9
   transition: all 0.3s;
10
 }
10
 }
11
 
11
 

+ 10
- 1
src/App.css Parādīt failu

2
   width: 100%;
2
   width: 100%;
3
   padding: 10px;
3
   padding: 10px;
4
   margin-bottom: 100px;
4
   margin-bottom: 100px;
5
-  background: rgba(0, 0, 0, 0.59);
5
+  background: rgba(0, 0, 0, 1);
6
   color: white;
6
   color: white;
7
 }
7
 }
8
 
8
 
30
 .comment-img {
30
 .comment-img {
31
   max-width: 100%;
31
   max-width: 100%;
32
 }
32
 }
33
+.app-comment {
34
+  position: fixed;
35
+  bottom: 0;
36
+  width: 100%;
37
+  margin: 0;
38
+  padding: 0;
39
+  right: 0;
40
+  left: 0;
41
+}

+ 3
- 1
src/App.js Parādīt failu

469
               </div>
469
               </div>
470
             )}
470
             )}
471
             {this.props.showEditor && (
471
             {this.props.showEditor && (
472
-              <CommentInput content={this.props.children} />
472
+              <div className="app-comment">
473
+                <CommentInput content={this.props.children} />
474
+              </div>
473
             )}
475
             )}
474
           </div>
476
           </div>
475
         </CommentContext.Provider>
477
         </CommentContext.Provider>

Binārs
src/assets/img.png Parādīt failu


+ 1
- 1
src/components/CommentBox/index.css Parādīt failu

1
 .comment-show-more {
1
 .comment-show-more {
2
-  color: #4a90e2;
2
+  color: #d5d5d5;
3
   text-align: center;
3
   text-align: center;
4
   width: 100px;
4
   width: 100px;
5
   /* background-color: #f8f8f8; */
5
   /* background-color: #f8f8f8; */

+ 2
- 2
src/components/CommentBox/index.js Parādīt failu

114
         <div
114
         <div
115
           style={{
115
           style={{
116
             marginLeft: 50,
116
             marginLeft: 50,
117
-            borderTop: "1px solid #e3e3e3",
117
+            borderTop: "1px solid #929292",
118
             paddingTop: 15,
118
             paddingTop: 15,
119
             marginTop: 10,
119
             marginTop: 10,
120
             overflow: "auto"
120
             overflow: "auto"
140
                     </span>
140
                     </span>
141
                   )}
141
                   )}
142
                   <a
142
                   <a
143
-                    style={{ float: "right" }}
143
+                    style={{ float: "right", color: "#d5d5d5" }}
144
                     onClick={this.handleToggleReply}
144
                     onClick={this.handleToggleReply}
145
                   >
145
                   >
146
                     <Icon type="up" /> 收起
146
                     <Icon type="up" /> 收起

+ 1
- 1
src/components/CommentList/index.css Parādīt failu

5
   background-color: #f8f8f8;
5
   background-color: #f8f8f8;
6
   cursor: pointer;
6
   cursor: pointer;
7
   padding: 10px;
7
   padding: 10px;
8
-  margin: 40px auto;
8
+  margin: 40px auto 80px auto;
9
   transition: all 0.3s;
9
   transition: all 0.3s;
10
 }
10
 }
11
 
11
 

+ 2
- 1
src/components/ContentItem/index.css Parādīt failu

1
 .comment-item-box {
1
 .comment-item-box {
2
   margin: 10px 0 0 0;
2
   margin: 10px 0 0 0;
3
   padding: 15px 5px 0 5px;
3
   padding: 15px 5px 0 5px;
4
-  border-top: 1px solid #d5d5d5;
4
+  border-top: 1px solid #929292;
5
 }
5
 }
6
 
6
 
7
 .comment-item-left {
7
 .comment-item-left {
30
 .comment-item-bottom-left {
30
 .comment-item-bottom-left {
31
   float: left;
31
   float: left;
32
   user-select: none;
32
   user-select: none;
33
+  color: #d5d5d5;
33
 }
34
 }
34
 
35
 
35
 .comment-item-bottom-right {
36
 .comment-item-bottom-right {