Unify input and container styling to glass design#118
Merged
Conversation
把所有框式输入统一到自定义 prompt 输入框的 glass 风格(浅灰半透明底、 默认无边框、聚焦浮现细边框),取代之前三套混用的表单风格: - promptTextarea(参照基准,修正聚焦从无到有边框的闪烁:改用透明边框常驻) - Settings fieldInput/fieldTextarea:白底+边框+聚焦光环 → glass - PublishChecklist titleInput/contentArea:surface 白底 → glass - TemplatePicker saveInput:surface 白底 → glass 写作台画布输入(标题/正文/沉浸标题)保持无边框不动。
…platform selector 写作台编辑器卡片、预览区、底部发布区整体 glass 化,并重新设计平台选择: - editorCard 外层:surface 白底+阴影 → glass 灰底+透明边框;内层 editorWrap 回退透明,透出外层 glass。 - 预览区 phone frame/顶栏/内容区统一 glass;文章内容区保留白纸效果。 - publishPanel:surface 白底+阴影 → glass。 - 工具栏背景与编辑器输入区一致(透明),上下保留 borderFaint 分隔线。 - PublishChecklist 第2步平台检测卡片:独立卡片 → 平铺列表(靠底部分隔线)。 - 平台选择重设计:厚重白底胶囊 → 扁平 glass chip,选中态浅 glass 底+ 加粗(去掉底部指示线)。
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.
Summary
Unifies the previously inconsistent input and container styling across the app to a single glass design (translucent light-gray background, no border by default, subtle border on focus), using the custom-prompt textarea as the reference standard.
1. Unify form inputs to glass style
Three different "boxed input" styles were coexisting (white surface + border + focus ring vs. glass). All boxed inputs now use the glass style:
noneto1px solid— now uses a transparent border that stays constant.Writing-canvas inputs (title/body/immersive title) keep their borderless design.
2. Apply glass to editor/preview/publish containers
3. Layout refinements
Verification
Out of scope
Cards/panels used as structural containers (settings connection cards, field groupings) are intentionally left with their own border — they serve a different visual role (container/grouping) than inputs (interactive controls).