dramaling-vocab-learning

Commit Graph

Author	SHA1	Message	Date
鄭沛軒	116daafc37	fix: 解決頁面切換時的晃動問題，強制顯示滾動軸 🔧 滾動軸晃動問題修復： - 在 globals.css 中添加 `html { overflow-y: scroll; }` - 強制垂直滾動軸始終顯示 - 防止內容長度不同的頁面切換時產生晃動 - 添加 `body { overflow-x: hidden; }` 防止橫向滾動 🎯 解決的問題： - flashcards 頁面（內容少）vs dashboard/learn 頁面（內容多） - 滾動軸出現/消失導致的頁面寬度變化 - 導航切換時的視覺跳動 ✅ 現在的體驗： - 所有頁面都有一致的滾動軸 - 頁面切換完全穩定，無晃動 - 專業級的用戶體驗 🚀 DramaLing 的 UI/UX 品質再次提升！ 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-09-17 03:45:51 +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

Author

SHA1

Message

Date

鄭沛軒

116daafc37

fix: 解決頁面切換時的晃動問題，強制顯示滾動軸

🔧 滾動軸晃動問題修復：
- 在 globals.css 中添加 `html { overflow-y: scroll; }`
- 強制垂直滾動軸始終顯示
- 防止內容長度不同的頁面切換時產生晃動
- 添加 `body { overflow-x: hidden; }` 防止橫向滾動

🎯 解決的問題：
- flashcards 頁面（內容少）vs dashboard/learn 頁面（內容多）
- 滾動軸出現/消失導致的頁面寬度變化
- 導航切換時的視覺跳動

✅ 現在的體驗：
- 所有頁面都有一致的滾動軸
- 頁面切換完全穩定，無晃動
- 專業級的用戶體驗

🚀 DramaLing 的 UI/UX 品質再次提升！

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-09-17 03:45:51 +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

2 Commits