fix: chat action button style (#7766)

[PD-1547](https://linear.app/affine-design/issue/PD-1547/ui-bug-chat-block-面板生成结果的-action-按钮的高度不对)
toeverything · Aug 7, 2024 · 352ceca · 352ceca
1 parent f3855c5
commit 352ceca
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/frontend/core/src/blocksuite/presets/ai/_common/components/chat-action-list.ts b/packages/frontend/core/src/blocksuite/presets/ai/_common/components/chat-action-list.ts
@@ -34,7 +34,7 @@ export class ChatActionList extends LitElement {
     .action {
       width: fit-content;
       height: 32px;
-      padding: 12px;
+      padding: 4px 18px;
       box-sizing: border-box;
       border-radius: 8px;
       border: 1px solid var(--affine-border-color);
@@ -43,11 +43,12 @@ export class ChatActionList extends LitElement {
       flex-direction: row;
       align-items: center;
       gap: 4px;
-      font-size: 15px;
+      font-size: var(--affine-font-sm);
       font-weight: 500;
       color: var(--affine-text-primary-color);
       cursor: pointer;
       user-select: none;
+      line-height: 22px;
     }
     .action svg {
       color: var(--affine-icon-color);