 鄭沛軒
|
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 |
|
鄭沛軒
|
331e747ef3
|
feat: 啟動詞卡管理功能開發，完成後端 API 驗證
🚀 第一階段開發成果：
- 成功驗證 CardSets 和 Flashcards API 端點
- 修復 JSON 循環引用問題（ReferenceHandler.IgnoreCycles）
- 建立基礎測試資料：商務英語詞卡集合
- 創建範例詞卡：negotiate, meeting, presentation
- 驗證真實資料庫 CRUD 操作
🔧 技術改進：
- 配置 JSON 序列化選項防止循環引用
- 完整的錯誤日誌系統發揮作用
- 資料庫關聯正常運作
📋 下一步：前端整合，讓用戶看到真實資料
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-17 02:48:02 +08:00 |
|
鄭沛軒
|
c94cf75838
|
feat: DramaLing 完整版本 - 韓劇單字學習應用
🚀 主要功能：
- 前後端分離架構（Next.js + .NET Core）
- 完整用戶認證系統（註冊、登入、JWT）
- 單字卡學習功能
- AI 輔助生成單字卡
- 多種學習模式（翻卡、選擇題、拼寫）
- 學習進度追蹤
- 響應式設計
🏗️ 技術棧：
- Frontend: Next.js 15, TypeScript, Tailwind CSS
- Backend: .NET Core 8, Entity Framework, SQLite
- 認證: JWT Bearer Token
- AI: Google Gemini API
- 資料庫: SQLite（測試）
🌟 特色：
- 完整的 CRUD 操作
- 安全的環境變數配置
- 乾淨的代碼結構
- 完善的錯誤處理
- RESTful API 設計
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-16 23:06:47 +08:00 |