lkddi/chatroom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化：工具条按钮平均分布铺满整个高度

Browse Source 
- 移除固定 padding 和 justify-content: flex-start
- 按钮加 flex:1 自动均分高度，视觉效果更整洁
This commit is contained in:
流星
2026-02-27 00:28:57 +08:00
parent 2f4f8fac8c
commit 23149a76c0
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/chat.css
+3 -4
View File
@@ -91,11 +91,9 @@ a:hover {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: flex-start; padding: 0;
padding: 40px 0 2px 0;
border-left: 1px solid var(--border-blue); border-left: 1px solid var(--border-blue);
border-right: 1px solid var(--border-blue); border-right: 1px solid var(--border-blue);
overflow-y: auto;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -109,6 +107,7 @@ a:hover {
text-align: center; text-align: center;
transition: all 0.15s; transition: all 0.15s;
width: 100%; width: 100%;
flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -626,4 +625,4 @@ a:hover {
.avatar-option.selected { .avatar-option.selected {
border-color: #336699; border-color: #336699;
box-shadow: 0 0 6px rgba(51, 102, 153, 0.5); box-shadow: 0 0 6px rgba(51, 102, 153, 0.5);
} }