Skip to content

Commit 6a494c2

Browse files
authored
feat(sender): optimize input count style (#47)
before <img width="1118" height="182" alt="图片" src="https://github.com/user-attachments/assets/91ac4ee2-190d-4975-a85b-cd2c943346dc" /> after <img width="1121" height="185" alt="图片" src="https://github.com/user-attachments/assets/c302bfed-e93b-4770-916b-e297257e6519" />
1 parent c4cd391 commit 6a494c2

File tree

2 files changed

+9
-1
lines changed

2 files changed

+9
-1
lines changed
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
"@matechat/react": patch:feat
3+
---
4+
5+
Add `InputCount` component.
6+
7+
-Remove the input count div container and wrap it into a new component, allowing users to customize the input limit.
8+
-Remove the justify-center style from the div container and add ml-auto to the SenderButton to ensure button remains on the right side.

src/sender.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ export function InputCount({
2020
...props
2121
}: InputCountProps) {
2222
return (
23-
<span className={className} {...props}>
23+
<span className={clsx("text-gray-400", className)} {...props}>
2424
{count} / {limit}
2525
</span>
2626
);

0 commit comments

Comments
 (0)