From d9dc18a57b5837c5979b1be6e88a493c2768a61d Mon Sep 17 00:00:00 2001 From: MrHard <74858909+mrhard9090@users.noreply.github.com> Date: Thu, 8 Oct 2026 16:31:57 +0000 Subject: [PATCH] fix(profiles): cap the profile grid at four columns (#8068) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix(profiles): cap the profile grid at four columns The move to CSS grid in #7819 let wide windows fit six or more profile cards per row, so long profile names were cut off. Keep the 260px minimum width but never use more than four columns, as the old Grid layout did. * fix(profiles): let very wide windows use more than four columns --------- Co-authored-by: ❤是纱雾酱哟~ <49941141+Dragon1573@users.noreply.github.com> --- Changelog.md | 1 + src/pages/profiles.tsx | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/Changelog.md b/Changelog.md index 139b72ea6..62a5a1b29 100644 --- a/Changelog.md +++ b/Changelog.md @@ -10,6 +10,7 @@ - 修复下载更新时镜像缓慢或卡住不会切换下载地址、点击「取消」无法中止下载的问题 - 修复关闭「自动检查更新」后,启动时仍弹出已下载更新的安装提示的问题 - 修复从 Dock 退出、注销或关机时,应用可能长时间卡住无法退出的问题 +- 修复宽窗口下「订阅」页每行显示过多卡片,导致配置名称被截断的问题 **🖥️ Windows** diff --git a/src/pages/profiles.tsx b/src/pages/profiles.tsx index 85d7d78b2..78c38f973 100644 --- a/src/pages/profiles.tsx +++ b/src/pages/profiles.tsx @@ -888,7 +888,9 @@ const ProfilePage = () => { mb: 1.5, display: 'grid', overflow: 'hidden', - gridTemplateColumns: 'repeat(auto-fill, minmax(260px, 1fr))', + // Up to 4 columns until a column would pass 480px, then more; 24px is the 3 gaps from `gap: 1`. + gridTemplateColumns: + 'repeat(auto-fill, minmax(clamp(260px, calc((100% - 24px) / 4), 480px), 1fr))', gap: 1, px: 0.5, }}