dramaling-vocab-learning/frontend
鄭沛軒 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
..
app refactor: 移除卡組功能,簡化詞卡管理系統 2025-09-20 19:29:00 +08:00
components fix: 修正手機端詞彙popup定位問題 2025-09-20 20:13:20 +08:00
contexts feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
hooks feat: 實現完整語音功能系統與學習模式整合 2025-09-19 13:33:17 +08:00
lib/services feat: 實現完整的詞彙儲存功能與UI設計優化 2025-09-20 17:52:22 +08:00
public feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
next.config.mjs feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
package-lock.json feat: 實現完整語音功能系統與學習模式整合 2025-09-19 13:33:17 +08:00
package.json feat: 實現完整語音功能系統與學習模式整合 2025-09-19 13:33:17 +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