Skip to content

feat(ui): visual polish — SVG nav icons, empty states, badges, cards (v1.15) - #39

Merged
argszero merged 1 commit into
mainfrom
feat/ui-polish-visual
Aug 17, 2026
Merged

argszero merged 1 commit into
mainfrom
feat/ui-polish-visual

Conversation

@argszero

Copy link
Copy Markdown
Owner

Summary

Visual polish (rant 2026-08-17T15:50:05, section A) — systematic visual improvement of the UI prototype:

  1. Design system: consistent CSS variables (colors/radius/shadow/spacing) kept; deep-theme hierarchy verified (bg → card → border → accent).
  2. Sidebar nav: emoji icons → uniform inline SVG icons (linear style, same 18px size, currentColor, hover/active states preserved; collapsed 64px sidebar is now properly icon-only).
  3. Cards & tables: card hover micro-interaction (subtle shadow + border lift); table zebra striping + row hover highlight (hover wins over zebra).
  4. Empty states: new empty-state component (icon + text + action button) applied to marketplace / sharing list / raise requests / transactions / API keys / departments / operator users — with wired actions: 清除筛选 (clear marketplace filters), 上架新 key (open share form), 生成新 Key (generate API key), 清除搜索 (clear dept search). Dashboard sharing empty also upgraded.
  5. Badges: semantic color dot (ok/warn/danger/dim) for one-glance status reading.
  6. Responsive: collapsed sidebar + horizontal table scroll kept; spacing adapts on narrow screens.

Self-verified: node --check passes, DOM smoke test (init path) runs without throwing, all $("#id") refs ↔ HTML ids cross-checked, no residual emoji nav icons, cargo test passes.

Related Issue

(no issue — host rant driven: 2026-08-17T15:50:05)

Changes

  • SVG 图标统一(无 emoji 散落);卡片/表格/徽章/空状态视觉提升
  • docs/user-stories.md v1.15、ui/README 视觉约定同步

Tests

  • cargo test 全部通过(1 passed)
  • cargo fmt --check 通过(无 Rust 改动)
  • UI 自测:node --check + DOM 冒烟 + id 交叉校验无缺失

Checklist

  • 分支命名符合约定(feat/ui-polish-visual)
  • Commit message 使用 Conventional Commits 格式
  • 单一职责,改动最小化

…(v1.15)

rant 2026-08-17T15:50:05 (UI polish & UE, section A visual):
- replace emoji nav icons with uniform inline SVG icons (linear style,
  same size, currentColor, hover/active states)
- card hover micro-interaction (subtle shadow/border lift)
- table zebra striping + row hover highlight
- friendly empty-state component (icon + text + action button) across
  marketplace / sharing / raise requests / transactions / api keys /
  departments / operator users; wired actions: clear filters, list a
  key, generate a key, clear dept search
- status badges get semantic color dots (ok/warn/danger/dim)
- responsive: collapsed sidebar now icon-only via SVG; table scroll kept
- docs: user-stories v1.15, ui/README visual conventions
@argszero
argszero merged commit 4f9668b into main Aug 17, 2026
1 check passed
@argszero
argszero deleted the feat/ui-polish-visual branch August 17, 2026 08:00
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