dramaling-vocab-learning/frontend/.next/static/chunks/app
鄭沛軒 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
..
_not-found feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
dashboard fix: 修復 flashcards 頁面 CSS 佈局偏移問題 2025-09-17 03:39:12 +08:00
flashcards fix: 修復 flashcards 頁面 CSS 佈局偏移問題 2025-09-17 03:39:12 +08:00
generate fix: 修復導航一致性問題,建立統一的 Navigation 組件 2025-09-17 03:26:01 +08:00
learn fix: 修復 flashcards 頁面 CSS 佈局偏移問題 2025-09-17 03:39:12 +08:00
login feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
register feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
layout.js fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00
page.js feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00