Skip to content

💄 增加 popup 紧凑布局选项#1551

Open
cyfung1031 wants to merge 2 commits into
scriptscat:mainfrom
cyfung1031:ui/popup-spacing/002
Open

💄 增加 popup 紧凑布局选项#1551
cyfung1031 wants to merge 2 commits into
scriptscat:mainfrom
cyfung1031:ui/popup-spacing/002

Conversation

@cyfung1031

@cyfung1031 cyfung1031 commented Jul 6, 2026

Copy link
Copy Markdown
Collaborator

Checklist / 检查清单

  • Fixes mentioned issues / 修复已提及的问题
  • Code reviewed by human / 代码通过人工检查
  • Changes tested / 已完成测试

Description / 描述

基于 #1501 的改动与讨论,在最新 main 的新版 popup UI 上重新实现间距方案。

  • 保持当前宽松布局为默认值,新增可同步的“紧凑弹窗布局”设置。
  • 紧凑模式缩小分组标题、脚本行、图标和展开区域留白。
  • popup 预加载时读取布局设置,避免挂载后闪动。
  • 为设置项补充 8 个 locale 文案,以及配置、设置页、预加载和渲染测试。

原提交 6a5ea5a8c1b5121ba364a1326627ac60a623c88a9d28663a6bda65f798b56124f9979f364d8b1f70 基于已移除的 Arco DOM/CSS;本 PR 按其视觉意图适配当前 Tailwind + Radix 组件结构。

验证:

  • pnpm run lint
  • pnpm test(3015 tests passed)
  • pnpm run build
  • 一次性真实扩展验证:从设置页切换紧凑布局后重新打开 popup,分组标题由 36px / 16px 水平留白变为 32px / 12px,标准与紧凑布局截图均已人工检查。

Screenshots / 截图

BEFORE

Screenshot 2026-07-11 at 22 10 58 Screenshot 2026-07-11 at 22 13 34 Screenshot 2026-07-11 at 22 13 41

AFTER

Screenshot 2026-07-11 at 22 11 30 Screenshot 2026-07-11 at 22 12 26 Screenshot 2026-07-11 at 22 12 37
Screenshot 2026-06-11 at 15 11 01 Screenshot 2026-07-11 at 22 14 58

@cyfung1031 cyfung1031 marked this pull request as ready for review July 11, 2026 13:16
@cyfung1031 cyfung1031 requested a review from CodFrm July 11, 2026 13:16
@cyfung1031 cyfung1031 added the UI/UX 页面操作/显示相关 label Jul 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

UI/UX 页面操作/显示相关

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant