优化首页用户信息更多操作按钮的可见性
- 增大按钮尺寸(28px → 32px) - 添加默认背景色,使按钮更加明显 - 增大图标尺寸和加深颜色 - 添加缩放交互效果 - 移动端适配优化 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
fb5edce22f
commit
d56156192d
@ -165,25 +165,28 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
background: #f5f5f5;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
flex-shrink: 0;
|
||||
|
||||
&:hover {
|
||||
background: #f5f5f5;
|
||||
background: #e8e8e8;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: #e8e8e8;
|
||||
background: #d9d9d9;
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.dropdownIcon {
|
||||
font-size: 12px;
|
||||
color: #8c8c8c;
|
||||
font-size: 18px;
|
||||
color: #595959;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
@ -545,11 +548,11 @@
|
||||
}
|
||||
|
||||
.dropdownTrigger {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
|
||||
.dropdownIcon {
|
||||
font-size: 11px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user