鄭沛軒
5a9e7f727c
## 主要改動 ### 響應式選項布局統一 - 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> |
||
|---|---|---|
| .. | ||
| example-data.json | ||
| page.tsx | ||