From f7201fa65429b1f367ba4d014a312f69344a355a Mon Sep 17 00:00:00 2001 From: chenhang Date: Wed, 17 Jun 2026 15:54:05 +0800 Subject: [PATCH] fix(chat): make send button circular --- src/app/chat/components/chat-send-button.module.css | 5 +++-- src/app/chat/components/chat-send-button.tsx | 4 ++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/app/chat/components/chat-send-button.module.css b/src/app/chat/components/chat-send-button.module.css index 0ceb4e4a..20a33e95 100644 --- a/src/app/chat/components/chat-send-button.module.css +++ b/src/app/chat/components/chat-send-button.module.css @@ -2,10 +2,11 @@ .button { flex: 0 0 auto; - width: 48px; + width: 40px; height: 40px; + aspect-ratio: 1 / 1; border: 0; - border-radius: 9999px; + border-radius: 50%; background: var(--color-button-gradient-end, #fc69df); color: #fff; cursor: pointer; diff --git a/src/app/chat/components/chat-send-button.tsx b/src/app/chat/components/chat-send-button.tsx index d2f3fe90..d643b720 100644 --- a/src/app/chat/components/chat-send-button.tsx +++ b/src/app/chat/components/chat-send-button.tsx @@ -8,9 +8,9 @@ * - 默认:粉色背景 + 渐变边缘 * - 聚焦 / 激活:完整 primaryGradient(accent → 透明) * - * 图标:lucide-react (tree-shakable,currentColor 继承父 color) + * 图标:lucide-react (tree-shakable,currentColor 继承父 color) */ -import { ArrowUp, Send } from "lucide-react"; +import { ArrowUp } from "lucide-react"; import styles from "./chat-send-button.module.css";