style: Update toolbar button hover and active states

- Updated styles and icons for hover and active states of toolbar buttons.
2024-09-06 14:12:01 +08:00 · 2024-09-06 14:12:01 +08:00 · e73bbf4d6a
commit e73bbf4d6a
parent 3859289218
1 changed files with 7 additions and 2 deletions
--- a/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
+++ b/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
@ -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);
    }
  }