 鄭沛軒
|
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 |
|
鄭沛軒
|
c9f920f17a
|
feat: 完成詞卡完整 CRUD 功能
🎯 詞卡管理系統現已功能完整：
- ✅ 新增詞卡：完整的表單介面，支援所有欄位
- ✅ 編輯詞卡：點擊編輯按鈕可修改詞卡內容
- ✅ 刪除詞卡：確認對話框防止誤刪
- ✅ 查看詞卡：完整的詞卡資訊展示
🔧 技術實作：
- 建立 FlashcardForm 可重用組件
- 支援新增和編輯模式
- 完整的表單驗證和錯誤處理
- 模態視窗 UI 設計
- 自動重新載入資料
📊 用戶體驗：
- 直觀的操作介面
- 即時回饋和錯誤提示
- 載入狀態顯示
- 響應式設計
🚀 DramaLing 現在是完全可用的詞卡管理應用！
用戶可以：建立帳號 → 管理詞卡集合 → 新增/編輯/刪除詞卡
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-09-17 03:11:24 +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 |