kirklin / kirklin/celeris-web

Dashboard画面由于文字换行导致同行卡片大小不一致

Open
#27 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
497
Forks
63
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug

小屏幕时可能出现,不确定这种问题是否需要关注
![image](https://github.com/kirklin/celeris-web/assets/47178158/e776211a-5228-4825-a80c-1f6d8eb05652)

### Reproduction

https://celeris-web.vercel.app/#/dashboard/index

### System Info

```Shell
响应式样式问题
```

### Validations

- [X] Follow our [Code of Conduct](https://github.com/kirklin/.github/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guide](https://github.com/kirklin/contribute).
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
- [X] The provided reproduction is a [minimal reproducible](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.

Contributor guide

Open the contributing guide

Research direction

Open the dashboard reproduction at https://celeris-web.vercel.app/#/dashboard/index and inspect the responsive card layout at small screen widths. Compare cards whose text wraps with neighboring cards, then identify the dashboard entry point and any related styles. Done means cards in the same row remain consistently sized on small screens without breaking the layout.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.