feat(web): Phase 7.0 minimalist 5-pillar navigation

- Refactor sidebar to Nothing.tech visual compliance
- Add defensive route stubs for /authorizations, /knowledge-base, /settings
- Dynamic badge for pending approvals count
- Ultra-minimal borders (0.5px), no shadows

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
OG T
2026-03-23 13:02:21 +08:00
parent eee4ab9b36
commit 7db5108a1f
4 changed files with 195 additions and 126 deletions

View File

@@ -0,0 +1,29 @@
'use client'
/**
* Authorizations Page - 授權中心
* ==============================
* Phase 7.0: 防禦性路由佔位
*
* Nothing.tech 空態設計:
* - 畫面正中央極簡文字
* - 等寬字體 + 淺灰色
*/
import { AppLayout } from '@/components/layout'
export default function AuthorizationsPage({
params,
}: {
params: { locale: string }
}) {
return (
<AppLayout locale={params.locale}>
<div className="flex items-center justify-center min-h-[60vh]">
<p className="font-mono text-sm text-neutral-400 tracking-wider">
[ / AUTHORIZATIONS_MODULE_UNDER_CONSTRUCTION ]
</p>
</div>
</AppLayout>
)
}

View File

@@ -0,0 +1,29 @@
'use client'
/**
* Knowledge Base Page - 知識殿堂
* ==============================
* Phase 7.0: 防禦性路由佔位
*
* Nothing.tech 空態設計:
* - 畫面正中央極簡文字
* - 等寬字體 + 淺灰色
*/
import { AppLayout } from '@/components/layout'
export default function KnowledgeBasePage({
params,
}: {
params: { locale: string }
}) {
return (
<AppLayout locale={params.locale}>
<div className="flex items-center justify-center min-h-[60vh]">
<p className="font-mono text-sm text-neutral-400 tracking-wider">
[ 殿 / KNOWLEDGE_BASE_MODULE_UNDER_CONSTRUCTION ]
</p>
</div>
</AppLayout>
)
}

View File

@@ -0,0 +1,29 @@
'use client'
/**
* Settings Page - 系統設定
* ========================
* Phase 7.0: 防禦性路由佔位
*
* Nothing.tech 空態設計:
* - 畫面正中央極簡文字
* - 等寬字體 + 淺灰色
*/
import { AppLayout } from '@/components/layout'
export default function SettingsPage({
params,
}: {
params: { locale: string }
}) {
return (
<AppLayout locale={params.locale}>
<div className="flex items-center justify-center min-h-[60vh]">
<p className="font-mono text-sm text-neutral-400 tracking-wider">
[ / SETTINGS_MODULE_UNDER_CONSTRUCTION ]
</p>
</div>
</AppLayout>
)
}