dramaling-vocab-learning/frontend/components
鄭沛軒 453ecd6d1c fix: 修正手機端詞彙popup定位問題
- 解決手機版popup容易被屏幕邊緣截掉的問題
- 實現響應式popup寬度:min(320px, calc(100vw - 32px))
- 針對手機端(≤640px)特殊處理:popup自動居中顯示
- 優化邊界檢測邏輯,確保popup始終在可視範圍內
- 大屏幕保持智能定位,小屏幕採用安全居中策略
- 添加動態寬度計算,適應不同屏幕尺寸
- 預留最小邊距16px,避免popup貼邊顯示

修正後手機端用戶體驗大幅改善,popup不再被截掉。

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-20 20:13:20 +08:00
..
ui feat: 實現完整的詞彙儲存功能與UI設計優化 2025-09-20 17:52:22 +08:00
AudioPlayer.tsx ux: 優化學習模式的用戶體驗設計 2025-09-19 14:49:37 +08:00
CardSelectionDialog.tsx feat: 實現完整的詞彙儲存功能與UI設計優化 2025-09-20 17:52:22 +08:00
ClickableText.tsx feat: 實現互動式單字查詢系統,包含語法修正和高價值標記功能 2025-09-17 19:57:08 +08:00
ClickableTextV2.tsx fix: 修正手機端詞彙popup定位問題 2025-09-20 20:13:20 +08:00
FlashcardForm.tsx ux: 優化學習模式的用戶體驗設計 2025-09-19 14:49:37 +08:00
GrammarCorrectionPanel.tsx feat: 實現互動式單字查詢系統,包含語法修正和高價值標記功能 2025-09-17 19:57:08 +08:00
LearningComplete.tsx feat: 實現完整語音功能系統與學習模式整合 2025-09-19 13:33:17 +08:00
Navigation.tsx feat: 實現個人化高價值詞彙判定系統 2025-09-18 22:37:38 +08:00
ProtectedRoute.tsx feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
VoiceRecorder.tsx style: 優化重組區域置中效果與註解規範 2025-09-20 12:18:11 +08:00