dramaling-vocab-learning/frontend
鄭沛軒 df1c2b92ef feat: 全應用播放按鈕統一為藍底漸層設計 + 架構簡化
組件統一:
• 創建 BluePlayButton 統一組件 - 支援 sm/md/lg 三種尺寸
• 替換 10 個組件中的播放按鈕為統一的藍底漸層設計
• 移除 AudioPlayer 中間層抽象,直接使用 BluePlayButton

清理優化:
• 刪除未使用的 TTSButton 和 AudioPlayer 組件
• 簡化組件架構,每個組件內建 TTS 播放邏輯
• 統一 speechSynthesis API 使用方式

視覺統一:
• 藍底漸層 + 綠色播放中狀態 + 波紋動畫
• 響應式尺寸適配不同使用場景
• 完整的播放/暫停/禁用狀態設計

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-02 15:11:02 +08:00
..
app feat: 完成ClickableTextV2組件重構 + 多頁面組件優化 2025-10-02 00:53:23 +08:00
components feat: 全應用播放按鈕統一為藍底漸層設計 + 架構簡化 2025-10-02 15:11:02 +08:00
contexts feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
data feat: 完成前端 difficulty_level → cefr 欄位遷移 2025-10-01 17:46:02 +08:00
hooks feat: 新增Generate頁面組件重構架構 + 語法錯誤修復 2025-10-02 03:00:04 +08:00
lib feat: 修復圖片生成服務 + 統一播放按鈕設計 + API 完善 2025-10-02 03:58:03 +08:00
public feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
store feat: 完成前端 difficulty_level → cefr 欄位遷移 2025-10-01 17:46:02 +08:00
types feat: 完成前端大規模架構重組與術語統一 2025-10-01 16:15:17 +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 refactor: 重構Review狀態管理 - 解決useReviewStore過度集中問題 2025-09-28 22:08:40 +08:00
package.json refactor: 重構Review狀態管理 - 解決useReviewStore過度集中問題 2025-09-28 22:08:40 +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