dramaling-vocab-learning/frontend/components
鄭沛軒 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
..
flashcards fix: 修正圖片載入失敗 + 清理未使用的 CSS 檔案 2025-10-05 05:14:25 +08:00
generate refactor: 完成 Hook 和類型定義重構 + import 路徑更新 2025-10-03 16:30:35 +08:00
review fix: 修正 VocabChoiceQuiz 語法錯誤和字符編碼問題 2025-10-05 05:14:41 +08:00
shared feat: 實現 TTS 播放功能 + 改進詞彙選擇 UX 流程 2025-10-05 05:06:12 +08:00
ui feat: 實現完整的詞彙儲存功能與UI設計優化 2025-09-20 17:52:22 +08:00
word feat: 實現慣用語彈窗智能定位 + 簡化 WordPopup 組件 2025-10-06 00:42:05 +08:00