fix(chat): make send button circular
This commit is contained in:
@@ -2,10 +2,11 @@
|
|||||||
|
|
||||||
.button {
|
.button {
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
width: 48px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
aspect-ratio: 1 / 1;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 9999px;
|
border-radius: 50%;
|
||||||
background: var(--color-button-gradient-end, #fc69df);
|
background: var(--color-button-gradient-end, #fc69df);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|||||||
@@ -8,9 +8,9 @@
|
|||||||
* - 默认:粉色背景 + 渐变边缘
|
* - 默认:粉色背景 + 渐变边缘
|
||||||
* - 聚焦 / 激活:完整 primaryGradient(accent → 透明)
|
* - 聚焦 / 激活:完整 primaryGradient(accent → 透明)
|
||||||
*
|
*
|
||||||
* 图标:lucide-react <Send />(tree-shakable,currentColor 继承父 color)
|
* 图标:lucide-react <ArrowUp />(tree-shakable,currentColor 继承父 color)
|
||||||
*/
|
*/
|
||||||
import { ArrowUp, Send } from "lucide-react";
|
import { ArrowUp } from "lucide-react";
|
||||||
|
|
||||||
import styles from "./chat-send-button.module.css";
|
import styles from "./chat-send-button.module.css";
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user