mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2025-12-26 11:44:28 +08:00
style: Update toolbar button hover and active states
- Updated styles and icons for hover and active states of toolbar buttons.
This commit is contained in:
parent
777a21dcc6
commit
c2a777246f
@ -344,14 +344,19 @@ const ToolbarButton = styled(Button)`
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
&.anticon {
|
||||
.iconfont {
|
||||
font-size: 17px;
|
||||
}
|
||||
&.anticon,
|
||||
&.iconfont {
|
||||
transition: all 0.3s ease;
|
||||
color: var(--color-icon);
|
||||
}
|
||||
&:hover,
|
||||
&.active {
|
||||
background-color: var(--color-background-soft);
|
||||
.anticon {
|
||||
.anticon,
|
||||
.iconfont {
|
||||
color: var(--color-text-1);
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user