wooo/awoooi
1
1
Fork 0
Code Issues 2 Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

fix(layout): 還原 Header 原始設計 + 修復 Metrics Strip 高度
Some checks failed
CD Pipeline / build-and-deploy (push) Has been cancelled
Details
E2E Health Check / e2e-health (push) Has been cancelled
Details

Browse Source 
- Header 左側換回頁面標題 (移除重複的 SVG + AWOOOI 品牌)
- Metrics Strip height 50→60px (避免三行文字被截斷)
- 原因: commit 249ecde 錯誤地在 Header 加入品牌區塊，與 Sidebar 重複

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
OG T
2026-04-01 22:42:07 +08:00
parent 88051388d4
commit 79c8a2e7ab
2 changed files with 6 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/app/[locale]/page.tsx
View File

@@ -58,7 +58,7 @@ export default function Home({ params }: { params: { locale: string } }) {
<div style={{
background: '#faf9f3',
borderBottom: '0.5px solid #e0ddd4',
height: 50,
height: 60,
padding: '0 20px',
display: 'flex',
alignItems: 'center',

59
apps/web/src/components/layout/header.tsx
View File

@@ -82,60 +82,11 @@ export function Header({
)}
style={{ zIndex: Z_INDEX.HEADER }}
>
{/* 左側 Logo */}
<div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
{/* NemoClaw Logo SVG (34×34，viewBox 0 0 140 140，深色底) */}
<div style={{
width: 34, height: 34,
background: '#0d1117',
borderRadius: 6,
display: 'flex', alignItems: 'center', justifyContent: 'center',
flexShrink: 0,
}}>
<svg width="28" height="28" viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="ceramic3d" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stopColor="#e8eef5" />
<stop offset="50%" stopColor="#c8d8e8" />
<stop offset="100%" stopColor="#8aaac8" />
</linearGradient>
<radialGradient id="ledCore" cx="40%" cy="35%" r="60%">
<stop offset="0%" stopColor="#7AB8F5" />
<stop offset="100%" stopColor="#2B6CB0" />
</radialGradient>
</defs>
{/* 5 主臂（白瓷 ceramic3d）*/}
<line x1="70" y1="70" x2="70" y2="18" stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
<line x1="70" y1="70" x2="120" y2="95" stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
<line x1="70" y1="70" x2="99" y2="128" stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
<line x1="70" y1="70" x2="41" y2="128" stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
<line x1="70" y1="70" x2="20" y2="95" stroke="url(#ceramic3d)" strokeWidth="8" strokeLinecap="round"/>
{/* 爪尖 */}
<circle cx="70" cy="18" r="5" fill="#c8d8e8" />
<circle cx="120" cy="95" r="5" fill="#c8d8e8" />
<circle cx="99" cy="128" r="5" fill="#c8d8e8" />
<circle cx="41" cy="128" r="5" fill="#c8d8e8" />
<circle cx="20" cy="95" r="5" fill="#c8d8e8" />
{/* 旋轉虛線軌道 */}
<circle cx="70" cy="70" r="42" fill="none" stroke="#4A90D9"
strokeWidth="1" strokeDasharray="6 6" opacity="0.5"
style={{ animation: 'ring-spin 8s linear infinite', transformOrigin: '70px 70px' }}
/>
{/* LED 核心脈動 */}
<circle cx="70" cy="70" r="16" fill="url(#ledCore)"
style={{ animation: 'orb-pulse 1.5s ease-in-out infinite', transformOrigin: '70px 70px' }}
/>
<circle cx="65" cy="65" r="5" fill="white" opacity="0.4" />
</svg>
</div>
<div>
<div style={{ fontSize: 13, fontWeight: 800, color: '#141413', letterSpacing: '2px', fontFamily: 'monospace' }}>
AWOOOI
</div>
<div style={{ fontSize: 8, color: '#87867f', letterSpacing: '1px' }}>
{tDashboard('title')} · AI OPERATIONS
</div>
</div>
{/* 左側：頁面標題 */}
<div className="flex items-center gap-4">
<h1 className="font-heading text-xl font-bold text-nothing-black tracking-tight">
{tDashboard('title')}
</h1>
</div>
{/* Right: Status + Locale + User */}