dramaling-vocab-learning/frontend/components/flashcards
鄭沛軒 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
..
EditingControls.tsx feat: 完成詞卡詳情頁重構 - 模組化架構大幅優化 2025-10-02 00:09:56 +08:00
FlashcardActions.tsx feat: 完成詞卡詳情頁重構 - 模組化架構大幅優化 2025-10-02 00:09:56 +08:00
FlashcardCard.tsx feat: 修復圖片生成服務 + 統一播放按鈕設計 + API 完善 2025-10-02 03:58:03 +08:00
FlashcardContentBlocks.tsx feat: 全應用播放按鈕統一為藍底漸層設計 + 架構簡化 2025-10-02 15:11:02 +08:00
FlashcardDetailHeader.tsx feat: 全應用播放按鈕統一為藍底漸層設計 + 架構簡化 2025-10-02 15:11:02 +08:00
FlashcardForm.tsx feat: 全應用播放按鈕統一為藍底漸層設計 + 架構簡化 2025-10-02 15:11:02 +08:00
FlashcardInfoBlock.tsx feat: 完成詞卡詳情頁重構 - 模組化架構大幅優化 2025-10-02 00:09:56 +08:00
LearningComplete.tsx refactor: Components結構重組與死代碼清理 2025-10-01 14:44:04 +08:00
SearchControls.tsx feat: 完成Flashcards頁面重大重構,36%代碼減少 2025-10-01 22:09:29 +08:00
SearchResults.tsx feat: 完成Flashcards頁面終極重構 - 代碼減少56.4%,模組化架構完成 2025-10-01 22:45:02 +08:00