xfy/yggdrasil
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity
892 Commits 1 Branch 8 Tags
Commit Graph

22 Commits

Author SHA1 Message Date
xfy
545651d304 refactor(ui): 新增 BTN_PRIMARY/BTN_OUTLINE 等按钮令牌与 LoadingButton 组件 
消除 admin 页面按钮样式散落问题：
- BTN_PRIMARY / BTN_PRIMARY_SM：主题绿实心胶囊主操作按钮
- BTN_OUTLINE：描边次要按钮（relative 以承载 spinner 叠加）
- BTN_DANGER_OUTLINE：红色描边危险按钮（清空回收站）
- BTN_CLOSE_ICON / BTN_ICON：× 关闭与方形步进图标按钮
- LoadingButton 组件：封装主题绿三态（loading spinner 叠加 / disabled 灰化 / 正常），
  统一全站 loading 态为 posts.rs 的 spinner 叠加模式（按钮宽度不变，避免布局抖动）
 2026-07-06 00:17:09 +08:00
xfy
d3a50728ed style(admin): overhaul layout to modern minimalist sidebar design 2026-07-03 15:50:59 +08:00
xfy
38ba6692d3 style(admin): redesign admin UI with soft rounded corners and Catppuccin theme 2026-07-03 15:46:18 +08:00
xfy
d1041a84dd feat(admin): complete redesign of backend ui with industrial minimalist aesthetic 2026-07-03 15:32:02 +08:00
xfy
45f4e9cde0 refactor(ui): 去除 Rust 中硬编码颜色，统一语义色阶 
跟随 Catppuccin 配色迁移，清理 src/ 中绕过 paper-* 语义 token 的
硬编码 dark:[#hex] 任意值，改用 Tailwind 默认灰阶（gray-700/800），
它们随主题切换自然适配。

- post.rs 状态徽章：dark:bg-[#333]/dark:text-[#9b9c9d] → gray-800/gray-400/500
  （同步更新测试断言）
- comments/* 与 skeletons/* 的 dark:[#2a2a2a]/[#2e2e33]/[#333]/[#5a5a62]
  → 对应 gray-600/700/800
- trash.rs 状态灯发光圈 rgba 由旧鼠尾草绿(92,122,94) 改 Latte green(64,160,43)
- ui.rs BTN_SECONDARY 注释更新为新 Teal 强调色值

注：src/pages/admin/posts.rs 的 clippy redundant_closure 报错为既有问题，
与本次配色迁移无关，不在范围内。
 2026-07-03 14:25:40 +08:00
xfy
c79c390482 fix(ui): ADMIN_TABLE_CLASS 去掉 overflow-hidden，修复 tooltip 被裁 
overflow-hidden 用于圆角裁剪表格，但会硬裁掉行内按钮的 tooltip
（无论朝上朝下）。去掉后：表格行 hover 背景 (bg-paper-entry) 与
容器背景同色，圆角处无视觉差异，tooltip 可正常溢出表格边界。
全局生效，所有 admin 表格的 tooltip 不再被裁。
 2026-07-03 11:15:48 +08:00
xfy
64ad40ca61 fix(admin/posts): Tooltip 包裹后操作按钮恢复垂直居中 
- Tooltip 外层 div 由块级改为 inline-flex，作为行内伸缩盒参与
  flex 行对齐，不再撑高或破坏基线
- 操作列容器补 items-center，显式锁定所有子项垂直居中
 2026-07-03 11:08:04 +08:00
xfy
73b9cad550 refactor(ui): 抽取 Tooltip 组件，行内重建按钮补 tooltip 
新增可复用 Tooltip 组件（group-hover 显现，支持 top/bottom 朝向），
消除顶部重建按钮手写的内联 tooltip div 重复，并为表格行内重建
按钮补上 tooltip（朝上，避免被表格容器的 overflow-hidden 裁掉）。
 2026-07-03 11:03:56 +08:00
xfy
a5c00caa80 style(admin/posts): 操作列加宽横排，重建按钮 loading 用 spinner 图标 
- 操作列宽 w-24 → w-44，三个按钮一行排开不换行
- 重建按钮 loading 态由「重建中...」文案改为 spinner 图标 + 「重建中」
- spinner 复用 public/icons/90-ring-with-gradient.svg，作为 SPINNER_SVG
  常量收入 ui.rs（修正原 SVG 损坏的孤立 ':' 选择器，重命名 id/类名
  避免多处内联时冲突），用 currentColor 继承按钮文字色
 2026-07-03 10:26:14 +08:00
xfy
90734446b5 refactor(ui): remove redundant Tabs component 
Tabs 现已无调用方(/admin/system 已改用 FilterTabs),删除以消除 DRY 违反。
全局只保留 FilterTabs 一个 tab 组件,动画/样式统一。
 2026-06-30 18:12:03 +08:00
xfy
bf91d18c4f refactor(admin): use shared Tabs component in /admin/system 
移除 System 组件内联的 tab 按钮,改调公共 Tabs 组件。
active_tab signal 经 SystemTab::as_str/from_str 与 Tabs 的 String API 桥接,
match 穷举面板选择逻辑不变。视觉/行为零变化,只消除重复。

同时移除 Task 1/2 加的临时 #[allow(dead_code)](as_str/from_str/Tabs 现已有调用方)。
 2026-06-30 14:29:05 +08:00
xfy
ff7d9e1e46 feat(ui): add Tabs component for page-level navigation 
与 FilterTabs(列表筛选 + 滑动动画)并列,职责区分:
- FilterTabs:同质数据过滤(全部/待审/已通过)
- Tabs:切换到结构不同的面板(数据库/服务器/SQL 控制台)

选中态用按钮自身 border-b-2 下划线(无动画)。
API 与 FilterTabs 对齐(String value + EventHandler),便于调用方迁移。
 2026-06-30 14:16:36 +08:00
xfy
d1b5b8ee4e fix(ui): suppress unused variable warning for active param in server build 2026-06-29 14:29:45 +08:00
xfy
373498870a style: apply cargo fmt to workspace
Some checks failed
CI / check (push) Failing after 5m35s
Details
CI / build (push) Has been skipped
Details
2026-06-29 13:47:40 +08:00
xfy
c69a632e75 fix(ui): trigger FilterTabs indicator animation on click 2026-06-29 13:24:52 +08:00
xfy
3daa09efc2 fix(ui): fix WASM compilation error in FilterTabs indicator animation 2026-06-29 13:22:22 +08:00
xfy
ec5f933191 feat(ui): add smooth sliding animation to FilterTabs active indicator 2026-06-29 13:20:39 +08:00
xfy
d91a56f8b2 refactor(admin): extract comments filter tabs into FilterTabs component 2026-06-29 13:15:50 +08:00
xfy
0398cc6c66 perf(render): 列表加显式 key + release 启用 panic=abort 
依据 Dioxus 0.7 optimizing 指南做两项改进：

- 为数据驱动列表渲染补全显式 key（13 处，9 个文件）：
  home/archives/tags/search 文章与标签列表、post_card/post_footer
  标签、header 桌面/移动导航、admin dashboard/posts/write 列表。
  使用各类型稳定唯一字段（post.id / tag / tag.name / item.label /
  err.id / year_group.year / month_group.month_en）作为 key，
  让 Dioxus diff 正确识别元素身份。骨架屏 for _ in 0..N 静态占位
  循环与已带 key 的评论树/admin 行不动。

- [profile.release] 加 panic = "abort"：WASM 去掉 unwind 元数据减小
  体积；server 端错误处理走 Result+?（见 error.rs），不依赖 panic
  unwind，无副作用。

其余文件为本机格式化（单行折叠/多行展开），一并提交。

验证：dx check 通过、cargo test 405 passed。
 2026-06-25 18:07:22 +08:00
xfy
806b474599 feat(theme): 新增冷调玫瑰第二色用于次要按钮 
在 input.css 的 @theme 新增 accent-2 / accent-2-soft 主题变量，
用于与鼠尾草绿主色成对的次要操作按钮。

颜色选择经 HSL 分析：色相 342°（冷调玫瑰，区别于暖砖红 9°），
饱和度 28%（低饱和从属于主色），保证视觉为浅色系且不浊。
对比度：亮色 #83495b vs 米白底 6.5:1、暗色 #cca4b0 vs entry 底 7.46:1，
均过 WCAG AA。

新增 BTN_SECONDARY 常量（ghost 描边风格）用于 dashboard「管理文章」
按钮，与「写文章」实心主按钮构成主次层级。两按钮统一用
inline-flex items-center justify-center 保证文字水平垂直居中、等高。
 2026-06-25 15:06:45 +08:00
xfy
519c0ae3a9 feat(admin): 后台迁移至 paper-* 主题变量对齐前台 
将 /admin 路由下硬编码的 Tailwind gray + hex 配色统一迁移到
input.css 定义的 paper-* 主题变量系统，使后台视觉完全对齐前台：

- 底色：bg-white → bg-paper-theme（米白，与前台一致）
- 卡片/表格：bg-white dark:bg-[#2e2e33] → bg-paper-entry
- 主操作按钮（写文章/保存/分页）：bg-gray-900 黑 → bg-paper-accent 鼠尾草绿
- 文字/边框/hover：gray-* + dark:hex → text-paper-*/border-paper-*
- 清理 trash 页散落的 #5c7a5e/#7da97f/#e8f0e8 等 hex，路由到变量
- 骨架占位统一复用 ADMIN_* 常量与 SkeletonBox

保留 green/amber/red 状态语义色（通过/待审/删除）与 toggle 白色滑块。
统一采用 bg-paper-* 工具类语法，与 header/post_card 主流写法一致。

dx check + clippy + 402 tests 全通过。
 2026-06-25 14:33:48 +08:00
xfy
603a7f68cb refactor(ui): 提取共享 UI 组件，消除跨页面重复 
新增 src/components/ui.rs 作为通用 UI 原子层，封装：

组件：
- <Pagination variant="admin"|"frontend">：合并 posts/comments/trash/home
  四个重复的分页实现，用 variant 区分配色（admin 灰黑 / 前台主题绿）
- <StatusBadge>：统一文章状态、评论状态、回收站剩余天数的徽章外层
- <EmptyState variant="default"|"error">：统一列表空态与加载失败占位

类名常量：
- ADMIN_CARD_CLASS / ADMIN_TABLE_CLASS / ADMIN_ROW_HOVER / CHECKBOX_CLASS
- BTN_SOLID_{GREEN,AMBER,RED}：批量操作实心按钮
- BTN_TEXT_{GREEN,AMBER,RED,ACCENT}：行内文字按钮

清理：
- 删除 input.css 中零引用的 .btn-primary 死代码（22 行）
- 删除 4 个重复的分页组件函数

注意：
- 前台空状态（home/search/archives/tags）保持 text-paper-secondary 配色，
  未强行统一到 admin 的灰色 token，避免改变视觉
- 回收站分页计数单位从"条"修正为"篇"（回收站里是文章）
 2026-06-16 14:20:05 +08:00