Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-06 05:09:09 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

refactor(SelectionToolbar): add transition effects to action buttons (#6869)

Browse Source 
* refactor(SelectionToolbar): add transition effects to action buttons

* refactor: reduce transition duration
This commit is contained in:
one 2025-06-06 09:24:11 +08:00 committed by GitHub
parent dfc32967ed
commit 67ab36e0ea
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
View File

@ -310,15 +310,22 @@ const ActionButton = styled.div`
cursor: pointer; cursor: pointer;
border-radius: 4px; border-radius: 4px;
padding: 4px 6px; padding: 4px 6px;
transition: all 0.1s ease-in-out;
will-change: color, background-color;
.btn-icon { .btn-icon {
width: 16px; width: 16px;
height: 16px; height: 16px;
color: var(--color-selection-toolbar-text); color: var(--color-selection-toolbar-text);
background-color: transparent; background-color: transparent;
transition: color 0.1s ease-in-out;
will-change: color;
} }
.btn-title { .btn-title {
color: var(--color-selection-toolbar-text); color: var(--color-selection-toolbar-text);
--font-size: 14px; --font-size: 14px;
transition: color 0.1s ease-in-out;
will-change: color;
} }
&:hover { &:hover {
color: var(--color-primary); color: var(--color-primary);