优化首页用户信息更多操作按钮的可见性
- 增大按钮尺寸(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;
|
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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user