dramaling-vocab-learning/frontend/app
鄭沛軒 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
..
dashboard feat: 完成完整的Learn→Review路由統一化 2025-09-27 18:42:12 +08:00
flashcards fix: 修復Flashcards頁面TypeScript類型錯誤 2025-09-27 18:50:41 +08:00
generate feat: 實現優雅的角落通知系統取代惱人的 alert 彈窗 2025-09-24 04:55:31 +08:00
login feat: 添加登入頁面開發模式自動填入功能 2025-09-18 02:38:52 +08:00
register feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
review refactor: 完成Learn→Review重命名和Navigation死代碼清理 2025-09-27 18:18:43 +08:00
review-design feat: 統一所有選擇題組件的選項布局和圖片功能 2025-09-28 00:18:10 +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