Repository navigation
fix(ui): 去掉顶部说明文字 · 报错块 / 禁用态 / 深色主色 / 窄屏溢出(#210) - #212
Merged
Merged
Conversation
) #209 页面边距 - 外壳内容列 px-4 → p-4,四边只在这里给一次;33 个页面去掉自己写的 py-4 md:py-6 / py-3 (修前实测顶部五档:0 / 12 / 24 / 28 / 37px) - arch:check 新增 page-vertical-padding:页面根上不许再写竖直 padding(反向验证过) - 参数配置顶栏仍贴边:-mt-4 配 content-scroll:-top-4(sticky 停靠线在 padding 内侧); 角色页权限矩阵工具条同理 #210 P0 + 顶部说明 - 7 页顶部的可见说明改走 PageHeader 的 description(只给读屏);关键提示本来就在弹窗 / 确认框 / 表单里 - QueryError:原文可折行(TableCell 的 whitespace-nowrap 让它冲出表格、重试不可见)、 重试挪到标题旁、长原文两行截断 + 展开详情 - 主按钮禁用态改中性灰,不再是半透明主色 - 深色下的有效主色从当前 --primary 派生(亮度 ≥ 0.7):主题色写在行内样式上,.dark 的 --primary 从未生效 - 卡片网格加 grid-cols-1(短信配置凭据在 390 宽撑出屏幕);StatusPill 不折行;仪表盘待办页签不竖排 文档:pages 分册「页面四边的留白」、ui 分册错误块 / 禁用态 / 深色主色 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- 竖直 16px 从滚动容器(_auth.tsx 的 p-4)挪到里面不滚动的 TabFrame(py-4): padding 加在滚动容器上会让所有 sticky 停靠线下移 16px,第一版补了两处 -top-4,评审又翻出漏补的四处。 现在补丁全删;参数配置顶栏 sticky top-0 静止 / 滚动都在 87(实测),审批中心两栏、个人中心导航都没被推 - page-vertical-padding 闸门补漏:cn() / 模板串里的字符串、带数字的断点前缀、p-*、 导出页面组件的根(无标记的通知策略)、md:gap-6 标记;7 种写法反向验证各自报错 - 深色主色的 @supports 改测实际用到的 max(l, …) / calc(c * …):只测基本语法时, 不认通道运算的实现会判定通过、bg-primary 变透明 - QueryError:按实际溢出给「展开详情」,换了报错自动收起 - 流程定义的卡片网格补 grid-cols-1;沙箱令牌目录主色读 --primary-ink - 挪走的说明补回去:调用日志「只保留 30 天」进空态,群机器人「只推一次、失败重试」进表单说明 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
#211(PageShell + 内容列 p-4 + arch:check 三条闸门)已经在 main 上修了 #209。 本分支的 #209 部分全部让给 main:_auth.tsx / tab-outlet / 参数配置顶栏 / arch-check(page-vertical-padding 规则)/ 各页根元素一律取 main 的版本。 保留的只有 #210 的部分,在 main 的版本上重新加回:顶部说明改进 PageHeader、 卡片网格 grid-cols-1、调用日志空态 / 群机器人表单的两句提示。 pages 分册里本分支的「页面四边的留白」一节删掉(main 有自己的), grid-cols-1 的结论挪进 ui 分册,pages 分册回到 500 行预算内。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
9 tasks
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.
#210 里 P0 的几条和「页面顶部说明文字」在这个 PR 里修了,其余的留到后续 PR(见文末)。
#210
PageHeader的description(只给读屏软件)。关键提示逐句核对过,都在用得着的地方能看到:调用日志的「只保留 30 天」放进了查不到记录时的空态,群机器人的「只推一次、失败会重试」放进了表单说明QueryError:原文现在能折行。原来TableCell带whitespace-nowrap,原文冲出表格,桌面端看不到「重试」。现在「重试」放在标题旁边,原文先截成两行,实际溢出了才显示「展开详情」,换一条报错会自动收起--primary派生,亮度不低于 0.7。主题色写在根节点的行内样式上,.dark里的--primary从来没生效过。七种主题色都会跟着变。@supports测的是实际用到的表达式(max(l, …)/calc(c * …)),不认这种写法的浏览器会退回原样(未在 Safari 上实测)grid-cols-1(含流程定义):短信配置的凭据在 390 宽下把卡片撑出了屏幕。StatusPill不再折行;仪表盘「待我处理」的页签不再一个字一行验证(合并 main 之后重跑)
pnpm typecheck --force·pnpm lint·i18n:check·arch:check·ctx:check全过pnpm test:js全过不在这个 PR 里(#210 后续)
工具栏规范 · 表格单元格组件(时间 / 耗时 / 空值 / 状态徽章)· 操作列 · 卡片页组件 · 主从页标题 · 其余窄屏问题和深色下的边框层级
Refs #210
🤖 Generated with Claude Code