 鄭沛軒
|
ca64e99eec
|
fix: 修復 flashcards 頁面 CSS 佈局偏移問題
🔧 佈局一致性修復：
- 移除 flashcards 頁面的額外 header 容器
- 統一所有頁面的容器結構
- 修復雙重 max-w-7xl mx-auto 容器造成的偏移
- 簡化 CSS 層次結構
📐 現在所有頁面都使用統一結構：
```
<div className="min-h-screen bg-gray-50">
<Navigation />
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<!-- 頁面內容 -->
</div>
</div>
```
✅ 解決的問題：
- flashcards 頁面不再偏右
- 所有頁面的對齊方式完全一致
- 減少不必要的容器嵌套
🎯 用戶現在看到的是完全一致的頁面佈局！
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-17 03:39:12 +08:00 |
|
鄭沛軒
|
4644988f00
|
fix: 完全統一所有頁面的導航系統
🔧 徹底解決導航不一致問題：
- 修復 learn 頁面使用舊的內聯導航
- 升級 Navigation 組件支援學習模式
- 添加 showExitLearning 屬性處理特殊情況
- 移除所有重複的導航代碼
🎯 統一導航系統功能：
- 所有頁面使用同一個 Navigation 組件
- 學習頁面特殊的「× 結束學習」按鈕
- 當前頁面自動高亮顯示
- 完整的用戶資訊和登出功能
📋 修復的頁面：
- ✅ dashboard: 使用統一導航
- ✅ flashcards: 使用統一導航
- ✅ learn: 使用統一導航（含結束學習按鈕）
🚀 現在所有頁面的導航完全一致！
不再有兩套導航系統，用戶體驗大幅提升。
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-17 03:33:11 +08:00 |
|
鄭沛軒
|
b6ac4e7d6c
|
fix: 修復導航一致性問題，建立統一的 Navigation 組件
🔧 導航系統重構：
- 建立可重用的 Navigation 組件
- 統一所有頁面的頂部導航
- 修復 flashcards 頁面導航消失問題
- 更新 dashboard 頁面使用新組件
🎯 導航功能：
- DramaLing Logo（點擊回到 dashboard）
- 主要導航：儀表板、詞卡、學習、AI 生成
- 用戶資訊：頭像、用戶名、登出按鈕
- 當前頁面高亮顯示
🚀 用戶體驗改進：
- 所有頁面導航一致
- 清晰的視覺層次
- 響應式設計
- 平滑的互動效果
現在用戶可以在任何頁面輕鬆導航到其他功能！
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-17 03:26:01 +08:00 |