feat(web): 对齐 Alright 主题视觉规范（配色/字体/图标/背景/动效），并补充设计规范文档

2026-10-22 20:27:10 +08:00
parent e522a98f6f
commit 386c0f77c7
50 changed files with 6344 additions and 1094 deletions
@@ -0,0 +1,48 @@
+import type { Project } from '../../api'
+import type { NavTarget } from '../../data/nav'
+import { CategoryNav } from './CategoryNav'
+import { ProfileCard } from './ProfileCard'
+import { ServicePanel } from './ServicePanel'
+
+/**
+ * 左侧栏容器：用户资料 + 本地服务面板 + 分类导航。
+ * 只负责布局与数据透传，具体内容由三个子组件分别渲染。
+ */
+type SidebarProps = {
+  projects: Project[]
+  live: boolean
+  refreshing: boolean
+  onRefresh: () => void
+  activeCategoryId?: string
+  activeGroupId?: string
+  onNavigate: (target: NavTarget) => void
+}
+
+export function Sidebar({
+  projects,
+  live,
+  refreshing,
+  onRefresh,
+  activeCategoryId,
+  activeGroupId,
+  onNavigate,
+}: SidebarProps) {
+  return (
+    <aside className="sidebar">
+      <ProfileCard />
+
+      <ServicePanel
+        projects={projects}
+        live={live}
+        refreshing={refreshing}
+        onRefresh={onRefresh}
+      />
+
+      <CategoryNav
+        activeCategoryId={activeCategoryId}
+        activeGroupId={activeGroupId}
+        onNavigate={onNavigate}
+      />
+    </aside>
+  )
+}