dramaling-vocab-learning/frontend/app
鄭沛軒 724ba391b2 feat: 實現優雅的角落通知系統取代惱人的 alert 彈窗
🎨 新增 Toast 通知組件:
- 位置:右上角固定位置,不阻擋主要內容
- 動畫:優雅的滑入/滑出動畫 (300ms)
- 自動消失:3秒後自動消失,無需手動點擊
- 手動關閉:可點擊 X 按鈕立即關閉
- 響應式設計:在手機上自動調整寬度

🎯 支援多種通知類型:
- success:  綠色成功通知(收藏、保存、刪除成功)
- error:  紅色錯誤通知(操作失敗、網路錯誤)
- warning: ⚠️ 黃色警告通知(重複詞卡、數據警告)
- info: ℹ️ 藍色資訊通知(提示信息)

🔄 全面替換所有 alert 調用:
- 詞卡管理頁面:收藏切換、創建、刪除、編輯操作
- AI 生成頁面:詞卡保存成功、重複檢測、錯誤處理
- 詞卡詳細頁面:更新、刪除、收藏操作反饋

🚀 用戶體驗大幅提升:
- 移除煩人的阻擋式 alert 彈窗
- 實現非侵入式的操作反饋
- 保持操作流程的連續性和流暢度
- 提供視覺上更加現代和優雅的交互體驗

修復編譯問題並重新啟動前端,確保所有功能正常運作。

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-24 04:55:31 +08:00
..
dashboard fix: 修復導航一致性問題,建立統一的 Navigation 組件 2025-09-17 03:26:01 +08:00
flashcards feat: 實現優雅的角落通知系統取代惱人的 alert 彈窗 2025-09-24 04:55:31 +08:00
generate feat: 實現優雅的角落通知系統取代惱人的 alert 彈窗 2025-09-24 04:55:31 +08:00
learn feat: 實現完整的詞彙儲存功能與UI設計優化 2025-09-20 17:52:22 +08:00
login feat: 添加登入頁面開發模式自動填入功能 2025-09-18 02:38:52 +08:00
register feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
settings ux: 優化用戶友善文案,將「高價值詞彙」改為「重點學習詞彙」 2025-09-19 00:26:10 +08:00
globals.css fix: 解決頁面切換時的晃動問題,強制顯示滾動軸 2025-09-17 03:45:51 +08:00
layout.tsx feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
page.tsx feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00