💄 Optimize comment components display style.

This commit is contained in:
凡梦星尘
2022-06-20 09:52:23 +08:00
parent f0ae834374
commit fae6b4787c
4 changed files with 33 additions and 8 deletions

View File

@@ -53,6 +53,9 @@
vertical-align: middle;
font-weight: 700;
font-size: 1.4em;
@include mobile-small() {
font-size: $font-size-smaller;
}
}
@if $two_comments_enable {
@@ -61,6 +64,10 @@
float: right;
margin: 2px auto;
padding: 4px 16px;
@include mobile-small() {
font-size: $font-size-smaller;
padding: 4px;
}
width: max-content;
border-radius: 8px;
background: #eee;
@@ -83,7 +90,7 @@
.switch-btn {
position: relative;
display: inline-block;
margin: -4px 8px 0;
margin: 5px;
width: 42px;
height: 22px;
border-radius: 34px;
@@ -147,6 +154,11 @@
$second_comment_display: block;
}
.comment-wrap .storage {
display: block;
animation: 0.5s ease 0s 1 normal none running tabshow;
}
.comment-wrap>div:nth-child(1) {
display: $first_comment_display;
}