Skip to content

fix(web): 修复手机端设置页溢出、间距和返回导航 - #1163

Merged
qqqqqf-q merged 1 commit into
felinics:mainfrom
qqqqqf-q:codex/mobile-settings-1147
Sep 6, 2026
Merged

fix(web): 修复手机端设置页溢出、间距和返回导航#1163
qqqqqf-q merged 1 commit into
felinics:mainfrom
qqqqqf-q:codex/mobile-settings-1147

Conversation

@qqqqqf-q

@qqqqqf-q qqqqqf-q commented Sep 5, 2026

Copy link
Copy Markdown
Member

手机端设置表单使用固定宽度控件,导致标签被挤掉、内容溢出;详情同时显示两条返回导航,移除外层栏时又造成纵向跳动。本 PR 收敛到用户已确认的“基本可用”版本。

  • 模型、语音合成/识别、视频及网页搜索服务商配置在窄屏下纵排,控件随可用宽度缩放;配置卡片外沿统一为 16px,内部行留白和标签间距为 8px,区块间距为 16px。
  • 手机端详情只保留自己的返回按钮。外层栏采用覆盖布局,由列表自身预留空间;正反向切换不改变滚动区域的位置或高度,系统设置首页保留返回导航。
  • 可点击异常卡片的箭头保持横排;诊断弹窗恢复左右各 16px 安全边距;工具审核胶囊移除页面强制满宽。

依赖 felinics/ui#18 :共用组件提供导航/卡片标记及 CalloutBanner 修正。UI 指针还包含主线已合并的 footer 内缩修复和 GitHub 链接迁移;没有带入本地其他 UI 修改。请先处理配套 UI PR;若 squash 后更换 SHA,需同步本 PR 指针。

用户已在本地确认当前版本基本可用。浏览器检查覆盖模型/搜索的 320、430、1024px,诊断加载前后及审核胶囊;导航正反向逐帧测量、详情刷新、返回列表和设置首页均已检查。并非所有设置页面都已逐页完成真人 QA。

当前分支保留了新主线的服务商连接测试改进;除这一处继承的主线差异外,所选应用文件与已测试版本一致。此 PR 只包含此次移动端修改,排除了登录时区和其他聊天改动。

本轮不继续扩大到组件规范化:配置区以外的分割线规则、Dialog 尺寸接口与胶囊布局约束仍需后续统一。未改保存/API 逻辑。

Fixes #1147

独立分支验证:修改文件 ESLint、UI contract、diff 检查通过;服务商表单和 useViewSwap 共 13 个现有测试通过。未重复全量 Go hook:同轮 #1148 提交时已出现未修改 Go 包的超时失败,纯前端提交使用 HUSKY=0,未削弱测试或检查规则。

@qqqqqf-q
qqqqqf-q requested a review from a team as a code owner September 5, 2026 13:22
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Sep 5, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review Completed 2026-09-05T13:26:45.516766Z 4f5cb1b PR opened
ℹ️ 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" or "@codex security review".

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 chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 4f5cb1b5e5

ℹ️ 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".

}
</script>

<style>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1 Badge Remove the component-level style block

Move these shell selectors into Tailwind utility classes or the approved global style owner. This newly added <style> block violates the Web frontend's explicit styling convention, leaving core navigation layout behavior outside the mandated utility-based composition path.

AGENTS.md reference: apps/web/AGENTS.md:L535-L538

Useful? React with 👍 / 👎.

@qqqqqf-q
qqqqqf-q merged commit e281c5c into felinics:main Sep 6, 2026
13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

移动端设置页适配:多层返回头、卡片内边距不一致

1 participant