Improve marketplace list cards#17390
Merged
Vanessa219 merged 2 commits intosiyuan-note:devfrom Apr 4, 2026
Merged
Conversation
Open
TCOTC
commented
Apr 2, 2026
|
|
||
| &[data-type="downloaded"] .config-bazaar__content { | ||
| margin: 16px; | ||
| } |
Contributor
Author
There was a problem hiding this comment.
如果能再包一层 .b3-cards 改成多列 #17358 (comment) ，就不用这样写选择器了。
不过如果决定已下载就是单列的话，也可以加个新的 .b3-cards--nowrap 来解决。
Open
Contributor
There was a problem hiding this comment.
Pull request overview
This PR updates the Bazaar (market) list card layout/styling to improve alignment and sizing, addressing issue #17358 by moving the card list to a grid-based layout and simplifying the card UI.
Changes:
- Switched card containers from flex-wrap to CSS grid and removed the “filler” flex elements previously used to stabilize last-row sizing.
- Simplified Bazaar list cards by removing the secondary package name display and removing the uninstall (trash) action from the market list cards.
- Tweaked card spacing and visual emphasis (description spacing and action area styling).
Reviewed changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.
| File | Description |
|---|---|
| app/src/config/bazaar.ts | Updates the generated Bazaar card HTML (removes wrap modifier, hides package name, removes uninstall icon) and removes filler elements used for flex layout. |
| app/src/assets/scss/component/_card.scss | Refactors .b3-cards to a grid layout and adjusts padding/spacing; adds new icon color styling within card actions. |
| app/src/assets/scss/business/_config.scss | Updates Bazaar config panel content layout to grid and adjusts margins for the downloaded panel content. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Member
|
间距不对，已重新调整 |
Contributor
Author
|
我觉得减淡下面的图标和下载量的颜色应该挺合理的，让用户更关注集市包的名称和描述 |
Member
|
保持一致 |
TCOTC
changed the title
Contributor
Author
|
#17420 合并到此 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description / 描述
fix #17358 #14636 (comment)
<div class="fn__flex-1" style="margin-left: 15px;min-width: 342px;">元素。筛选结果只有一个的时候也能保持正常的卡片宽度。TODO：
Type of change / 变更类型
缺陷修复
代码重构
新功能
修改文案或增加新语言
Checklist / 检查清单
我对自己的代码进行了自我审查
我拥有所提交代码的完整权利，并同意其以本项目的 AGPL-3.0 许可证授权
devbranch and has no merge conflictsPR 提交到
dev分支，并且没有合并冲突