refactor: 设置页改为分组卡片布局，修正分组层级倒挂#30
Merged
Merged
Conversation
每个小节的行包进 surface 圆角卡，分组切分交给卡片边界， 小灰眼标退回卡外只当标签——消除「组标题比组内项还小」的层级倒挂。 - 新增 groupBox（卡容器）/ eyebrow（统一眼标留白）两个 helper - 网络：去掉端口框独立卡，端口编辑区 + 仅当前网络可见同卡 - 访问权限：三行入卡，当前权限胶囊移到眼标右侧，说明作脚注列卡下 - 外观 / 语言：分段控件不入卡（避免盒中盒），未选段底色还原 surface - 主界面 / 更新 / 命令行：入卡，沿用 settingRow 不动任何文案与分组划分。
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.
背景
设置项已经不少，但分组散乱、且层级倒挂：分组标题（眼标）11.5 灰字，反而比组内设置项标题 13.5 还小。根因是小灰眼标被迫单独充当 7 个组之间唯一的分隔物——视觉上最弱的元素扛了最重的结构活儿。
改动
把每个小节的行包进
surface圆角卡，分组切分交给卡片边界，小灰眼标退回卡外只当标签，倒挂感随之消除（macOS 系统设置那套分组卡风格）。只改一个文件
Sources/LocalShare/SettingsScreen.swift：groupBox（卡容器：surface 底 + line 描边，角 14）/eyebrow（统一眼标留白）两个 helpersurfacesettingRowL文案与分组划分验证
swift build通过#262219卡在#1b1814底上对比足够、分隔线清晰