From a180eff31ca57bc09a0c1d7fbe2891ef6310d856 Mon Sep 17 00:00:00 2001 From: wha7ev9r Date: Fri, 31 Jul 2026 16:09:44 +0800 Subject: [PATCH 1/3] refactor(web): liquid-glass redesign with full Chinese i18n - Introduce glass design system (@utility glass/glass-hover/glass-inset) - New shared components: Panel, CodeBlock, CopyButton, StatusDot, Banner, EmptyState, Logo - Redesign App shell: sticky glass header, purple gradient active nav indicator, logo glow - Redesign Dashboard: glass stat cards, enhanced traffic panel (total trend chart with gradient area + stat chips), gradient sparklines - Localize all UI copy to Chinese across 7 pages; add detailed field hints on Releases add-source form - Fix mobile overflow: add grid-cols-1 to responsive grids; code blocks wrap on small screens - Add AGENTS.md project conventions --- AGENTS.md | 50 +++++ docs/frontend-refactor-prompt.md | 80 +++++++ web/src/App.vue | 89 ++++---- web/src/components/Banner.vue | 56 +++++ web/src/components/CodeBlock.vue | 20 ++ web/src/components/CopyButton.vue | 51 +++++ web/src/components/EmptyState.vue | 16 ++ web/src/components/Logo.vue | 30 +++ web/src/components/Panel.vue | 28 +++ web/src/components/StatusCard.vue | 50 +++-- web/src/components/StatusDot.vue | 47 +++++ web/src/style.css | 150 +++++++++++-- web/src/views/Dashboard.vue | 339 ++++++++++++++++++++---------- web/src/views/GitProxy.vue | 37 ++-- web/src/views/Login.vue | 52 +++-- web/src/views/Mirrors.vue | 46 ++-- web/src/views/Releases.vue | 92 ++++---- web/src/views/Search.vue | 74 ++++--- web/src/views/Settings.vue | 109 +++++----- 19 files changed, 1025 insertions(+), 391 deletions(-) create mode 100644 AGENTS.md create mode 100644 docs/frontend-refactor-prompt.md create mode 100644 web/src/components/Banner.vue create mode 100644 web/src/components/CodeBlock.vue create mode 100644 web/src/components/CopyButton.vue create mode 100644 web/src/components/EmptyState.vue create mode 100644 web/src/components/Logo.vue create mode 100644 web/src/components/Panel.vue create mode 100644 web/src/components/StatusDot.vue diff --git a/AGENTS.md b/AGENTS.md new file mode 100644 index 0000000..c53df50 --- /dev/null +++ b/AGENTS.md @@ -0,0 +1,50 @@ +# DevBox 开发指南 + +DevBox 是 Go 后端 + Vue 3 前端的镜像代理控制台:代理 npm / pypi / docker / golang / conda 等 17 个镜像源,提供 GitHub 搜索、Release 下载中转、Git clone 加速,带暗色液态玻璃风格的 Web 控制台。 + +## 环境 + +- 平台:Windows 11;包管理统一用 `pnpm`(不用 npm) +- 前端技术栈:Vue 3.5(`