style: 优化页脚图片尺寸及垂直居中排版对齐
This commit is contained in:
62
style.css
62
style.css
@@ -5965,7 +5965,7 @@ html.darkmode .comment-edit-history-item {
|
||||
/* 发送评论卡片优化 */
|
||||
#post_comment.card {
|
||||
border-radius: 16px;
|
||||
padding: 20px 20px 8px 20px;
|
||||
padding: 20px;
|
||||
background: var(--color-foreground);
|
||||
box-shadow:
|
||||
0 2px 8px rgba(0, 0, 0, 0.04),
|
||||
@@ -5973,10 +5973,12 @@ html.darkmode .comment-edit-history-item {
|
||||
transition:
|
||||
box-shadow var(--animation-normal) var(--ease-standard),
|
||||
transform var(--animation-normal) var(--ease-standard);
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#post_comment.card .card-body {
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#post_comment.card .row {
|
||||
@@ -5989,6 +5991,10 @@ html.darkmode .comment-edit-history-item {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#post_comment.card .row:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#post_comment.card:hover {
|
||||
box-shadow:
|
||||
0 4px 12px rgba(0, 0, 0, 0.06),
|
||||
@@ -6572,8 +6578,6 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri
|
||||
|
||||
min-width: min(300px, calc(100vw - 40px));
|
||||
|
||||
display: flex;
|
||||
|
||||
height: 300px;
|
||||
|
||||
flex-direction: column;
|
||||
@@ -6582,34 +6586,60 @@ html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-pri
|
||||
|
||||
position: absolute;
|
||||
|
||||
z-index: 2;
|
||||
|
||||
right: 0;
|
||||
|
||||
bottom: -10px;
|
||||
|
||||
transform: translateY(100%) scale(0.9);
|
||||
|
||||
transform-origin: top;
|
||||
z-index: 1050;
|
||||
|
||||
transition: all 0.3s ease;
|
||||
|
||||
opacity: 0;
|
||||
display: none;
|
||||
|
||||
pointer-events: none;
|
||||
border-radius: 12px;
|
||||
|
||||
background: var(--color-foreground);
|
||||
|
||||
-webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||||
|
||||
backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
|
||||
|
||||
box-shadow:
|
||||
|
||||
0 4px 12px rgba(0, 0, 0, 0.06),
|
||||
|
||||
0 12px 32px rgba(0, 0, 0, 0.08);
|
||||
|
||||
}
|
||||
|
||||
#comment_emotion_btn.comment-emotion-keyboard-open+.emotion-keyboard {
|
||||
.emotion-keyboard.comment-emotion-keyboard-open {
|
||||
|
||||
display: flex;
|
||||
|
||||
opacity: 1;
|
||||
|
||||
transform: translateY(100%);
|
||||
transform: scale(1);
|
||||
|
||||
pointer-events: all;
|
||||
|
||||
}
|
||||
|
||||
#emotion_keyboard {
|
||||
|
||||
margin: 0 !important;
|
||||
|
||||
padding: 0 !important;
|
||||
|
||||
border: none !important;
|
||||
|
||||
}
|
||||
|
||||
html.darkmode .emotion-keyboard {
|
||||
|
||||
box-shadow:
|
||||
|
||||
0 4px 12px rgba(0, 0, 0, 0.25),
|
||||
|
||||
0 12px 32px rgba(0, 0, 0, 0.2);
|
||||
|
||||
}
|
||||
|
||||
.emotion-keyboard-content {
|
||||
|
||||
flex: 1;
|
||||
|
||||
Reference in New Issue
Block a user