Commit Graph

2 Commits

Author SHA1 Message Date
鄭沛軒 6a5831bb16 docs: 新增 Generate 頁面重構分析報告與複習功能流程圖
- 新增 Generate 頁面過度重構分析報告 (詳細說明問題與解決方案)
- 新增複習功能前後端系統流程圖 (系統架構文檔)
- 修正 generate 頁面慣用語彈窗統一為 WordPopup 組件
- 簡化 popupPositioning 工具保持向後兼容

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-06 16:56:37 +08:00
鄭沛軒 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