Skip to content

Refactor/UI - #781

Draft
Loosand wants to merge 37 commits into
Stack-Cairn:mainfrom
Loosand:refactor/ui
Draft

Refactor/UI#781
Loosand wants to merge 37 commits into
Stack-Cairn:mainfrom
Loosand:refactor/ui

Conversation

@Loosand

@Loosand Loosand commented Sep 10, 2026

Copy link
Copy Markdown
Collaborator

概述

整理桌面端和 Gateway 的共享 UI 样式,减少重复 CSS,为后续统一设计规范建立基础。本次以代码结构调整为主,保持现有外观和交互行为。

主要改动

  • 使用 Tailwind v4 CSS 配置,集中管理现有样式值,移除旧版 Tailwind 配置文件。
  • 将简单、单处使用的 CSS 改为标签上的工具类,统一等值宽高、间距和定位简写。
  • 为加载态、空态、设置控件、标签页和徽章提取共享展示组件或变体。
  • 集中管理动画定义,保留原有时长、状态选择器和减少动态效果行为。
  • 从 CSS 自动生成 Tailwind 类名合并所需的 token 登记表,并将增量样式漂移检查接入本地工具和 CI。
  • 增加可复用的组件预览、冻结基线对比工具及迁移审计文档。

验证

  • 桌面端 3,096 项测试通过。
  • Gateway 718 项测试通过。
  • 工具脚本 16 项测试通过。
  • 共享 UI 类型检查、依赖边界、样式漂移检查、改动源码 lint 和双端生产构建通过。
  • 对 37 个组件样例进行 32 组环境组合对比,覆盖宿主、主题、视口、禁用状态及减少动态效果;已检查的状态和动画采样点未发现计算样式差异。

范围与限制

本次是设计体系整理的第一阶段。为保持现有外观,仍保留部分历史间距和圆角值;变量集中管理尚不代表设计尺度已经统一。

组件基线对比不能替代完整业务流程和原生窗口测试。桌面端仍有既有的构建产物体积提示。

Loosand and others added 11 commits August 19, 2026 15:50
- Introduced macOS DMG settings in tauri.conf.json, including custom background image and window/app positioning.
- Added a new background image for the DMG installer.
…tion scripts

- Added macOS DMG settings to the Makefile, including background image and volume icon configurations.
- Introduced a new Python script for deterministic DMG layout, ensuring stable Finder metadata.
- Created a verification script to check the integrity of the generated DMG, ensuring required files and symlinks are present.
- Updated GitHub Actions workflow to install the necessary dmgbuild tool for building DMGs.
@StackCairn
StackCairn marked this pull request as draft September 10, 2026 08:52
@github-actions

Copy link
Copy Markdown
Contributor

PR governance checks failed — this PR has been converted to draft.

  • No linked issue: the PR body must contain Closes #123 / Fixes #123 / Resolves #123. This project requires an issue before a PR — see the contribution guidelines.
  • UI change without screenshots: this PR modifies frontend code. Please add before/after screenshots or a recording under "Screenshots / preview" in the PR body.

Fix the items above, then click Ready for review to re-run the checks.

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