dramaling-vocab-learning/frontend/components
鄭沛軒 d1c5f2e31c refactor: 優化例句口說功能設計與用戶體驗
## VoiceRecorder 組件改進
- 添加自定義說明文字 prop (instructionText)
- 調整布局順序:圖片 → 說明 → 例句
- 統一圖片容器樣式與其他模式一致

## 例句口說頁面優化
- 移除重複的例句和圖片顯示
- 簡化錄音完成回饋區域
- 移除不必要的目標單字和發音顯示
- 調整回饋訊息為分行顯示,提升可讀性
- 實現滿版寬度布局

## 用戶體驗改進
- 消除重複內容,介面更簡潔
- 統一設計語言,視覺一致性更好
- 優化訊息層次,重點更突出

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-20 04:12:52 +08:00
..
AudioPlayer.tsx ux: 優化學習模式的用戶體驗設計 2025-09-19 14:49:37 +08:00
ClickableText.tsx feat: 實現互動式單字查詢系統,包含語法修正和高價值標記功能 2025-09-17 19:57:08 +08:00
ClickableTextV2.tsx ux: 優化用戶友善文案,將「高價值詞彙」改為「重點學習詞彙」 2025-09-19 00:26:10 +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 refactor: 優化例句口說功能設計與用戶體驗 2025-09-20 04:12:52 +08:00