feat(settings): 配置面板改为左右分区定高布局#122
Merged
Merged
Conversation
将设置面板从单列平铺重构为左侧分区导航 + 右侧分区内容： - 按领域归类现有配置项（常规 / 连接 / AI / 关于），分区元数据驱动、为后续扩展预留 - 新增 Modal lg 尺寸（max-width 880px）+ 定高 720px，切换分区尺寸恒定、右侧内容区独立滚动 - 左侧导航与模态主体同色，仅以分隔线区分 - 四语言新增分区标签 i18n Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
huhamhire
added a commit
that referenced
this pull request
Jun 24, 2026
合并 dev（含 #122 配置面板左右分区布局），CHANGELOG 的 Unreleased 两条 Changed 并列保留。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
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
1 participant
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.
背景
Milestone #7 配置面板优化 的首个 PR。此前设置面板各 section 单列平铺，无分类 / 导航，纵向越堆越长、新增配置项难以归位。本 PR 落地左右分区骨架，为后续扩展（主题 / 编辑器风格 / 上下文窗口等）预留结构，不引入新配置项。
改动
SettingsModal由单列平铺改为左侧分区导航 + 右侧分区内容，分区元数据（SETTINGS_CATEGORIES）驱动；现有 9 个 section 归位四分区：Modallg尺寸（max-width 880px）+ 定高 720px（受.modalmax-height: 84vh约束，小屏自适应）；切换分区时模态尺寸恒定，右侧内容区独立滚动。$bg-elev），仅以右侧分隔线区分。catGeneral / catConnection / catAi / catAbout（递归字典序）。验证
🤖 Generated with Claude Code