ant-design / ant-design/pro-chat

🐛[BUG]输入框周围颜色不同

Open
#337 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
898
Forks
116
PR merge metrics
No merged PRs in 30d

Description

### 🐛 bug 描述

输入框周围颜色不同
![image](https://github.com/user-attachments/assets/d59276fc-1787-4742-8bfb-77892379931e)

### 💻 复现代码

div className="rounded-box full-height" >

div>
.rounded-box {
border: 1px solid #1890ff; /* 淡蓝色边框 */
border-radius: 10px; /* 圆角效果 */
padding: 20px; /* 内边距 */
background: #ffffff; /* 白色背景 */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 轻微阴影效果 */
/* display: flex;
flex-direction: column;
justify-content: center; */
}

/* 卡片高度适配 */
.full-height {
height: 100%;
}

### © 版本信息

- @ant-design/pro-chat 版本: pro-chat@1.15.3
- 浏览器环境
- 开发环境 [e.g. mac OS]

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the reported input-area color difference with @ant-design/pro-chat 1.15.3 using the supplied ProChat example and its inputAreaProps styles. Compare the surrounding .rounded-box styles with the input area and determine the intended consistent colors; done when the discrepancy is resolved and the example renders consistently.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.