Day 3 / Hour 2

Tailwind Components and Responsive UI

Document1 / 16

ต่อจากหน้าตาเว็บใน Hour 1

เมนูนำทางและฟอร์มใช้ Tailwind แล้ว ส่วนป้ายสถานะ (StatusBadge) และตารางใน IssueList ยังใช้ CSS เดิมภายใน @layer base

ชั่วโมงนี้จะย้ายสอง Component ที่เหลือ แล้วเพิ่มข้อความเมื่อไม่มีรายการ

  • ใช้ issues และ Props เดิมจาก Day 2
  • เก็บ Import, Type และ Link รายละเอียดไว้
  • CSS ของ .issue-list ถูกลบใน Hour 1 แล้ว เพราะ <main> ใช้ gap-6 แทนระยะด้านบน
  • main ยังเป็นรูปแบบพื้นฐานของหน้าที่ยังไม่ได้ย้าย

ลำดับงาน: สีสถานะ → ตารางบนจอเล็ก → ข้อความเมื่อไม่มีข้อมูล