fix(ui): 支持移动端设置导航与等距卡片布局 - #18
Conversation
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: a75be8b56b
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| fighting. The nth-last-child(3) rule hands the "I'm last" treatment to | ||
| whatever content element sits directly above the footer's hairline. --> | ||
| <div | ||
| data-settings-section-card |
There was a problem hiding this comment.
When the mobile host uses this marker and data-settings-section-footer to apply the promised equal-padding fix, SettingsSection's padding becomes host-owned CSS rather than component-owned layout. The showcase and other consumers will not receive the fix, and future component changes can drift from the host; implement the responsive spacing here or expose an enumerated layout prop instead of publishing internal DOM hooks for external styling.
AGENTS.md reference: AGENTS.md:L61-L69
Useful? React with 👍 / 👎.
1 participant
移动端设置详情与外层返回栏同时出现，动态移除外层栏又会改变滚动区域高度；可点击异常卡片的箭头也被默认纵排挤到第二行。
本 PR 为共用返回按钮、切换容器、卡片与 footer 添加稳定标记，供宿主在手机端管理导航占位和等距内边距；可点击 CalloutBanner 保持横排，普通操作提示卡仍可纵排。主仓库的移动端修复依赖本 PR。
验证：用户已确认当前手机端基本可用；已在真实页面检查 320/430/1024px、诊断弹窗及审核胶囊；导航正反向逐帧检查中滚动区域位置和高度稳定。相关 ESLint 与 UI contract 通过。仅包含四个 UI 文件，不包含其他本地 UI 改动。
关联 felinics/Memoh#1147。更广泛的组件尺寸约束和表单布局规范化留待后续，不在本 PR 扩展。