Skip to content

refactor(settings): 重构「备份与同步」页面 UI——状态横幅 + 两栏布局,精简描述文字 - #624

Merged
su-fen merged 1 commit into
mainfrom
refactor/backup-sync-ui
Aug 25, 2026
Merged

refactor(settings): 重构「备份与同步」页面 UI——状态横幅 + 两栏布局,精简描述文字#624
su-fen merged 1 commit into
mainfrom
refactor/backup-sync-ui

Conversation

@su-fen

@su-fen su-fen commented Aug 25, 2026

Copy link
Copy Markdown
Member

Closes #623

Summary

对设置中的「备份与同步」页面进行彻底的 UI 重构,仅调整展示层,备份/同步逻辑(表单脏检测、密码 touched 语义、确认弹窗、自动同步事件监听等)保持不变:

  • 顶部状态横幅:一眼看到云同步状态(未配置 / 已就绪 / 上次自动同步失败),聚合上次同步时间与自动同步开/关徽标;持久性 last_error 直接展示在横幅内,取代原先散落在卡片尾部的小字状态。
  • 两栏布局(等高拉伸,底边对齐):
    • 左栏 WebDAV 配置卡:服务商预设由下拉框改为胶囊按钮组;服务器地址/密码输入框内嵌图标;「配置档名」长说明移入悬停 tooltip;保存/测试/上传/下载统一到卡片底部操作栏,操作区随卡片拉伸钉在底边。
    • 右栏:本地备份改为「导出/导入」大号操作磁贴;「备份范围」由两段描述文字改为「包含 / 不包含」的可视化图标清单。
  • 精简文案:删除本地备份、WebDAV 同步、备份范围三段长描述,中英文文案同步更新;成功/失败反馈由裸彩色文本改为带图标的着色反馈条。
  • 修复一个边界情况:同步配置加载失败时,状态横幅按「未配置」展示而非永久停留在加载态。

Screenshots / preview

image

Test plan

  • biome check 通过,tsc --noEmit 全仓零错误
  • test/settings 全部 329 项测试通过(备份同步表单逻辑测试 backup-auto-sync-dirty 等不受影响)
  • 浏览器实测浅色/深色模式渲染,两栏底边对齐
  • 在 Tauri 应用内验证保存/测试连接/上传/下载与确认弹窗流程

顶部新增云同步状态横幅(未配置/已就绪/自动同步失败,聚合上次同步时间
与自动同步徽标);左栏 WebDAV 配置卡改胶囊预设、图标输入框、tooltip 提
示与底部操作栏,右栏本地备份改大号操作磁贴、备份范围改「包含/不包含」
图标清单;删除三段长描述,反馈由裸文本改为着色反馈条。仅调整展示层,
备份/同步逻辑不变。

Closes #623
@StackCairn
StackCairn marked this pull request as draft August 25, 2026 15:37
@github-actions

github-actions Bot commented Aug 25, 2026

Copy link
Copy Markdown
Contributor

PR governance checks passed. Awaiting human review.

@su-fen
su-fen marked this pull request as ready for review August 25, 2026 15:39
@StackCairn
StackCairn marked this pull request as draft August 25, 2026 15:39
@su-fen
su-fen marked this pull request as ready for review August 25, 2026 15:40
@su-fen
su-fen merged commit 3ad9236 into main Aug 25, 2026
12 of 14 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.

设置「备份与同步」页面 UI 重构:布局松散、描述文字过多

1 participant