dramaling-vocab-learning/frontend/components
鄭沛軒 5a9e7f727c feat: 統一所有選擇題組件的選項布局和圖片功能
## 主要改動

### 響應式選項布局統一
- VocabChoiceTest: 改為2x2網格布局,支援響應式設計
- VocabListeningTest: 添加響應式斷點 (grid-cols-1 sm:grid-cols-2)
- SentenceListeningTest: 改為響應式2x2網格,移除選項標籤

### 圖片功能完善
- SentenceListeningTest: 新增exampleImage和onImageClick支援
- 添加完整的圖片顯示區塊和點擊處理
- review-design頁面: 為SentenceListeningTest傳遞圖片屬性

### 視覺一致性提升
- 所有選擇題組件採用相同的按鈕樣式和網格布局
- 統一文字置中對齊和font-medium字重
- 手機版自動切換為單列布局,提升觸控體驗
- 桌面版使用2x2網格,充分利用屏幕空間

### 響應式設計
- 小屏幕 (< 640px): 選項垂直單列排列
- 中等以上屏幕 (≥ 640px): 選項2x2網格排列
- 保持所有組件一致的響應式行為

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-28 00:18:10 +08:00
..
review feat: 統一所有選擇題組件的選項布局和圖片功能 2025-09-28 00:18:10 +08:00
ui feat: 實現完整的詞彙儲存功能與UI設計優化 2025-09-20 17:52:22 +08:00
AudioPlayer.tsx feat: 統一全前端播放按鈕為精美圓形TTS設計 2025-09-25 23:51:41 +08:00
CardSelectionDialog.tsx feat: 實現完整的詞彙儲存功能與UI設計優化 2025-09-20 17:52:22 +08:00
ClickableTextV2.tsx feat: 完成詞卡管理功能前後端完整整合 2025-09-24 04:21:06 +08:00
FlashcardForm.tsx feat: 完成詞卡管理功能前後端完整整合 2025-09-24 04:21:06 +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 refactor: 更新導航標籤為設計頁面 2025-09-27 21:00:21 +08:00
ProtectedRoute.tsx feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
SegmentedProgressBar.tsx feat: 實現測驗狀態持久化和智能導航系統設計 2025-09-26 17:57:31 +08:00
Toast.tsx feat: 完善通知系統堆疊效果並添加分頁 emoji 2025-09-24 14:34:01 +08:00
VoiceRecorder.tsx style: 優化重組區域置中效果與註解規範 2025-09-20 12:18:11 +08:00