Commit Graph

2 Commits

Author SHA1 Message Date
鄭沛軒 a5b2cc746c feat: 重新設計手機版分頁導航解決字體過小問題
- 手機版採用極簡圓形按鈕設計,移除擠壓的下拉選單
- 大字體顯示:text-base (16px) 和 text-lg (18px) 確保清晰易讀
- 圓形大按鈕:12x12 觸控區域 + 陰影效果 + 按壓動畫
- 垂直居中布局:分頁資訊 + 導航控制分層顯示
- 桌面版保持完整功能:詳細統計 + 頁碼導航 + 每頁選擇
- 改進桌面版下拉選單:min-w-[80px] 確保適當寬度

解決手機版下拉選單字體過小和界面擠壓問題。

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-07 18:49:27 +08:00
鄭沛軒 076bc8e396 feat: 建立前端組件重構基礎設施
## 🏗️ 重構基礎設施建立

### 📦 **新組件創建**
- FlashcardCard.tsx (137行) - 完整的詞卡卡片組件
- PaginationControls.tsx (109行) - 可復用的分頁控制組件

### 📁 **統一組件架構**
- components/flashcards/ - 詞卡相關組件
- components/shared/ - 共享基礎組件
- 遵循Next.js 13+ App Router最佳實踐

### 🛠️ **工具函數庫擴展**
- flashcardUtils.ts - 統一的詞卡處理工具
- 支援顏色處理、格式化、統計計算等功能

### 📋 **重構準備完成**
- 完整的4天拆分計劃已制定
- Day 1基礎組件創建完成
- 組件架構整合完成
- 為後續大規模重構奠定基礎

### ⚠️ **後續工作**
主頁面實際重構 (878行→120行) 待後續專項時間完成

前端重構基礎設施就緒,準備進行大規模組件拆分!

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-01 20:05:00 +08:00