feat: 官网 + 管理端 + Gin/GORM 后端首个完整版本

- web/: 产品官网（Hero 事件流终端、功能矩阵、架构、快速开始、下载、博客 + Markdown 详情页），青瓷绿双主题 - admin/: 内容管理（JWT 登录、文章分页/搜索/CRUD、草稿与发布），embed 挂 /admin - server/: Gin + GORM，MySQL（DSN 走 .env，SQLite 兜底）；规范落地：sundynix_ 表前缀、字符串雪花主键、snake_case 列名、统一响应信封、公共分页参数 - 双 SPA embed 单二进制部署，make build 一键出包 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-17 11:03:31 +08:00
parent d46267dde1
commit 5abc705eae
53 changed files with 5774 additions and 38 deletions
@@ -0,0 +1,50 @@
+import { Link, Outlet, useNavigate } from 'react-router-dom'
+import { LogOut, Moon, Sun } from 'lucide-react'
+import { logout } from '@/api/auth'
+import { useTheme } from '@/components/theme-provider'
+
+export function AdminLayout() {
+  const navigate = useNavigate()
+  const { resolved, setTheme } = useTheme()
+
+  return (
+    <div className="flex min-h-screen flex-col">
+      <header className="sticky top-0 z-40 border-b border-hairline bg-ground/85 backdrop-blur">
+        <div className="mx-auto flex h-14 max-w-5xl items-center justify-between px-6">
+          <Link to="/" className="font-mono text-[14px] font-semibold">
+            sundynix <em className="not-italic text-accent">admin</em>
+          </Link>
+          <div className="flex items-center gap-3">
+            <button
+              type="button"
+              aria-label={
+                resolved === 'dark' ? '切换到浅色主题' : '切换到深色主题'
+              }
+              onClick={() => setTheme(resolved === 'dark' ? 'light' : 'dark')}
+              className="flex size-8 items-center justify-center rounded-full border border-hairline-strong text-ink-2 transition-colors hover:border-accent hover:text-accent-ink"
+            >
+              {resolved === 'dark' ? (
+                <Sun className="size-4" />
+              ) : (
+                <Moon className="size-4" />
+              )}
+            </button>
+            <button
+              type="button"
+              onClick={() => {
+                logout()
+                navigate('/login')
+              }}
+              className="flex items-center gap-1.5 rounded-[7px] border border-hairline-strong px-3 py-1.5 text-[13px] text-ink-2 transition-colors hover:border-accent hover:text-accent-ink"
+            >
+              <LogOut className="size-3.5" /> 退出
+            </button>
+          </div>
+        </div>
+      </header>
+      <main className="mx-auto w-full max-w-5xl flex-1 px-6 py-8">
+        <Outlet />
+      </main>
+    </div>
+  )
+}