whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

style: Update toolbar button hover and active states

Browse Source 
- Updated styles and icons for hover and active states of toolbar buttons.
This commit is contained in:
kangfenmao 2024-09-06 14:12:01 +08:00
parent 3859289218
commit e73bbf4d6a
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/src/pages/home/Inputbar/Inputbar.tsx
View File

@ -344,14 +344,19 @@ const ToolbarButton = styled(Button)`
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 0; padding: 0;
&.anticon { .iconfont {
font-size: 17px;
}
&.anticon,
&.iconfont {
transition: all 0.3s ease; transition: all 0.3s ease;
color: var(--color-icon); color: var(--color-icon);
} }
&:hover, &:hover,
&.active { &.active {
background-color: var(--color-background-soft); background-color: var(--color-background-soft);
.anticon { .anticon,
.iconfont {
color: var(--color-text-1); color: var(--color-text-1);
} }
} }