d5bc311757
- Redesign LoginPage with minimal professional style - Remove animated gradient backgrounds and floating orbs - Remove marketing claims (99% accuracy, enterprise-grade) - Center login form with clean card design - Add multi-language support (zh-TW, en-US) - Create LanguageSwitcher component in sidebar - Add en-US.json translation file - Persist language preference in localStorage - Remove unused top header bar with search - Move language switcher to sidebar user section 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
39 lines
1.5 KiB
Markdown
39 lines
1.5 KiB
Markdown
# Change: 前端 UX 簡化與 i18n 英文支援
|
||
|
||
## Why
|
||
|
||
目前登入頁面設計過於花俏（漸層動畫、浮動光球、脈衝效果），與內部頁面的專業簡約風格不一致。此外，頁面包含不實宣傳文案（如「99% 準確率」、「企業級加密」等未經證實的聲明）。系統目前僅支援繁體中文，缺乏多語言支援。
|
||
|
||
## What Changes
|
||
|
||
### 1. LoginPage 簡化
|
||
- 移除花俏動畫效果（浮動光球、網格圖案、脈衝動畫）
|
||
- 移除漸層背景，改用簡潔單色背景
|
||
- 移除不實宣傳區塊（「為什麼選擇我們」、統計數據卡片）
|
||
- 統一登入頁與內部頁面視覺風格
|
||
|
||
### 2. 文案修正
|
||
- 移除誇大宣稱（「99% 準確率」、「閃電般快速」、「企業級加密」）
|
||
- 改用務實功能描述
|
||
|
||
### 3. i18n 擴充
|
||
- 新增英文 (en-US) 翻譯檔案
|
||
- 新增語言切換功能元件
|
||
- 儲存使用者語言偏好至 localStorage
|
||
- 將語言切換器整合至 Layout 頂部欄
|
||
|
||
### 4. 整體風格統一
|
||
- 確保所有頁面使用一致的設計語言
|
||
- 遵循專業簡約風格準則
|
||
|
||
## Impact
|
||
|
||
- Affected specs: frontend-ui (新增)
|
||
- Affected code:
|
||
- `frontend/src/pages/LoginPage.tsx` - 重新設計
|
||
- `frontend/src/components/Layout.tsx` - 新增語言切換器
|
||
- `frontend/src/i18n/index.ts` - 擴充多語言設定
|
||
- `frontend/src/i18n/locales/en-US.json` - 新增英文翻譯
|
||
- `frontend/src/i18n/locales/zh-TW.json` - 補充缺少的翻譯鍵
|
||
- `frontend/src/components/LanguageSwitcher.tsx` - 新增元件
|