style: 优化页脚图片尺寸及垂直居中排版对齐

This commit is contained in:
User
2026-03-13 14:07:38 +08:00
parent b6ab334f7d
commit c0bd8e7556
6 changed files with 391 additions and 24 deletions

View File

@@ -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;