优化首页用户信息更多操作按钮的可见性

- 增大按钮尺寸(28px → 32px)
- 添加默认背景色,使按钮更加明显
- 增大图标尺寸和加深颜色
- 添加缩放交互效果
- 移动端适配优化

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
燕陇琪 2025-11-08 04:35:37 +08:00
parent fb5edce22f
commit d56156192d

View File

@ -165,25 +165,28 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 28px; width: 32px;
height: 28px; height: 32px;
border-radius: 50%; border-radius: 50%;
background: transparent; background: #f5f5f5;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
flex-shrink: 0; flex-shrink: 0;
&:hover { &:hover {
background: #f5f5f5; background: #e8e8e8;
transform: scale(1.05);
} }
&:active { &:active {
background: #e8e8e8; background: #d9d9d9;
transform: scale(0.95);
} }
.dropdownIcon { .dropdownIcon {
font-size: 12px; font-size: 18px;
color: #8c8c8c; color: #595959;
font-weight: 600;
} }
} }
@ -545,11 +548,11 @@
} }
.dropdownTrigger { .dropdownTrigger {
width: 24px; width: 28px;
height: 24px; height: 28px;
.dropdownIcon { .dropdownIcon {
font-size: 11px; font-size: 16px;
} }
} }