Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

<Card /> 组件在 small 尺寸下的卡片式页签出现多余的 border 边框 #48781

Closed
ylqylq001 opened this issue May 6, 2024 · 2 comments · Fixed by #48787
Closed

<Card /> 组件在 small 尺寸下的卡片式页签出现多余的 border 边框 #48781

ylqylq001 opened this issue May 6, 2024 · 2 comments · Fixed by #48787
Labels
🐛 Bug Ant Design Team had proved that this is a bug.

Comments

@ylqylq001
Copy link

Reproduction link

Edit on CodeSandbox

Steps to reproduce

查看 组件在 small 尺寸下已激活的卡片式页签

What is expected?

已激活的卡片式页签下方与内容区无分割

What is actually happening?

已激活的卡片式页签下方出现边框细线

Environment Info
antd 5.17.0
React 18.3
System Windows 11
Browser Edge 124.0.2478.80

屏幕截图 2024-05-06 130936

屏幕截图 2024-05-06 131157
@MadCcc MadCcc added 🐛 Bug Ant Design Team had proved that this is a bug. and removed unconfirmed labels May 6, 2024
@afc163
Copy link
Member

afc163 commented May 6, 2024 •
edited

Card 里 tabs 类型为 card 整个是未经设计的，size 不是 small 的样式也是有问题的。

@wanpan11
Copy link
Contributor

wanpan11 commented May 6, 2024 •
edited

small 下应该是 card-header 和 tabs的高度不一样导致的，正常的大小下好像没有限制高度

image

@wanpan11 wanpan11 mentioned this issue May 6, 2024
Merged
20 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🐛 Bug Ant Design Team had proved that this is a bug.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: Fix fails when using tabs minHeight inside the small card wanpan11/ant-design
4 participants
@afc163 @MadCcc @wanpan11 @ylqylq001