Day 3 / Hour 2

Tailwind Components and Responsive UI

Document1 / 14

Recap จาก Hour 1

Hour 1 เราได้:

  • เปิดใช้งาน Tailwind ผ่าน app/globals.css
  • รู้จัก Utility Class สำหรับสี ระยะห่าง Layout และ Responsive
  • เปลี่ยน Navigation, Header, Main และ Footer มาใช้ Tailwind
  • เปลี่ยน IssueForm มาใช้ Tailwind
  • ลบ Custom CSS เดิมของส่วนที่ย้ายเสร็จแล้ว

Hour นี้เราจะทำส่วนที่เหลือให้ครบ:

StatusBadge → IssueList → Responsive Table → Empty State