ant-design / ant-design/pro-components

🐛[BUG] 多tab模式layout的content区域样式问题

Open
#8,155 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🐛 bug 描述

多tab模式下,当tab数减少至1到2个时,content区域会产生padding,增加tab数量后padding消失。

### © 版本信息

- ProComponents 版本: 2.6.44
- umi 版本 4.1.0
- 浏览器环境 chrome 121.0.6167.85(正式版本) (arm64)
- 开发环境 macOS

一个tab
![截屏2024-02-04 11 20 34](https://github.com/ant-design/pro-components/assets/12016634/5785c167-92b2-4799-9774-a188a443f48c)

多个tab
![截屏2024-02-04 11 20 48](https://github.com/ant-design/pro-components/assets/12016634/f93ff131-6e69-4e5f-9ead-713bd6232b4a)

修复方法:proLayout 内设置 contentStyle: { padding: "0px"}

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the layout in ProLayout with one or two tabs, then compare it with the multi-tab case using the reported ProComponents 2.6.44 and umi 4.1.0 versions. Inspect the content area and the contentStyle setting; done means the content area no longer gains unwanted padding when the tab count is reduced, without breaking the multi-tab layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.