dramaling-vocab-learning/frontend/app
鄭沛軒 262312b02a feat: 實現慣用語彈窗智能定位 + 簡化 WordPopup 組件
## 慣用語彈窗智能定位系統
-  創建智能定位工具 (popupPositioning.ts)
-  自動檢測可用空間,防止彈窗被底部遮蔽
-  智能選擇彈出方向 (上方/下方/居中)
-  響應式適配:桌面智能定位 + 手機底部modal
-  修正底部慣用語點擊體驗問題

## WordPopup 組件簡化
- 🔧 移除未使用的 useState import
- 🔧 簡化過度的響應式設計 (移除多處 sm: 斷點)
- 🔧 替換 ContentBlock 為簡單 div 結構
- 🔧 簡化條件渲染邏輯 (IIFE → 簡單 &&)
-  統一字體大小,與慣用語彈窗保持一致

## 技術改進
- 📱 設備檢測:自動適配移動/桌面體驗
- 🎯 智能定位:邊界檢測 + 動態位置計算
- 🧹 代碼簡化:減少複雜度,提升維護性
- 🎨 設計統一:兩種彈窗風格對齊

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-06 00:42:05 +08:00
..
dashboard feat: 實施極簡MVP複習功能 + 成功復用現有精美設計 2025-10-03 17:29:52 +08:00
flashcards feat: 完成 TTS 播放邏輯完全統一 + 架構不一致問題解決 2025-10-02 17:34:33 +08:00
generate feat: 實現慣用語彈窗智能定位 + 簡化 WordPopup 組件 2025-10-06 00:42:05 +08:00
login feat: 添加登入頁面開發模式自動填入功能 2025-09-18 02:38:52 +08:00
register feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
review-simple fix: 修正圖片載入失敗 + 清理未使用的 CSS 檔案 2025-10-05 05:14:25 +08:00
settings ux: 優化用戶友善文案,將「高價值詞彙」改為「重點學習詞彙」 2025-09-19 00:26:10 +08:00
globals.css fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00
layout.tsx feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
page.tsx feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00