jettcheng1018
/
dramaling-vocab-learning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
dramaling-vocab-learning/frontend
History
鄭沛軒 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
..
app feat: 實現慣用語彈窗智能定位 + 簡化 WordPopup 組件 2025-10-06 00:42:05 +08:00
components feat: 實現慣用語彈窗智能定位 + 簡化 WordPopup 組件 2025-10-06 00:42:05 +08:00
contexts feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
hooks fix: 修正 generate 頁面硬編碼 API URL 問題 2025-10-05 20:47:48 +08:00
lib feat: 實現慣用語彈窗智能定位 + 簡化 WordPopup 組件 2025-10-06 00:42:05 +08:00
public feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
store feat: 重構並整合 review-simple 組件系統 2025-10-04 23:44:31 +08:00
tests feat: 建立複習功能完整測試體系 + 解決類型兼容性問題 2025-10-03 01:59:11 +08:00
utils feat: 完成前端動態答案推導系統和UI組件優化 2025-09-28 02:24:59 +08:00
next.config.mjs feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
package-lock.json feat: 建立複習功能完整測試體系 + 解決類型兼容性問題 2025-10-03 01:59:11 +08:00
package.json feat: 建立複習功能完整測試體系 + 解決類型兼容性問題 2025-10-03 01:59:11 +08:00
postcss.config.js feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
tailwind.config.ts feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
tsconfig.json feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
vitest.config.ts feat: 建立複習功能完整測試體系 + 解決類型兼容性問題 2025-10-03 01:59:11 +08:00