48 lines
2.1 KiB
Markdown
48 lines
2.1 KiB
Markdown
# Iteration Log: 2026-07-22-2012-n (Visual Parity Task)
|
|
|
|
## Apa yang diminta
|
|
- Trigger: ad-hoc / /goal
|
|
- Tujuan: menyamakan tampilan localhost dengan demoplace.my.id (font, warna, design, card, transparansi)
|
|
- Constraint: jangan ubah fitur/fungsi
|
|
|
|
## Perbedaan yang ditemukan (20 item)
|
|
|
|
### Font Issues (KRITIS)
|
|
1. globals.css baris 245: body font = Times New Roman -> FIXED: var(--font-sans)
|
|
2. globals.css baris 412: duplikat body font -> FIXED: dihapus
|
|
3. Sidebar.tsx baris 76: font-serif class -> FIXED: dihapus
|
|
4. Sidebar.tsx baris 77: inline style Times New Roman -> FIXED: dihapus
|
|
5. SidebarSiteSelector.tsx baris 50: font-serif + inline style -> FIXED: dihapus
|
|
6. SidebarTimeSelector.tsx baris 37: font-serif + inline style -> FIXED: dihapus
|
|
|
|
### CSS Duplikasi (MEDIUM)
|
|
7. globals.css: :root didefinisikan dua kali (baris 84-127 dan 251-294) -> FIXED
|
|
8. globals.css: .light didefinisikan dua kali (baris 129-242 dan 296-409) -> FIXED
|
|
|
|
### Font Inter tidak tersambung (MEDIUM)
|
|
9. layout.tsx: inter hanya objek biasa, bukan font loader -> FIXED
|
|
10. layout.tsx: --font-inter tidak pernah di-set -> FIXED
|
|
11. globals.css: --font-sans tidak mengacu ke --font-inter -> FIXED
|
|
|
|
### Warna Palette (Radix vs Tailwind) (MEDIUM)
|
|
12. red-500: #ef4444 vs #fb2c36 -> FIXED
|
|
13. blue-500: #3b82f6 vs #3080ff -> FIXED
|
|
14. green-500: #22c55e vs #00c758 -> FIXED
|
|
15. emerald-500: #10b981 vs #00bb7f -> FIXED
|
|
16. orange-500: #f97316 vs #fe6e00 -> FIXED
|
|
17. purple-500: #a855f7 vs #ac4bff -> FIXED
|
|
18. amber-500: #f59e0b vs #f99c00 -> FIXED
|
|
19. cyan-500: #06b6d4 vs #00b7d7 -> FIXED
|
|
20. yellow-300: #fde047 vs #ffe02a -> FIXED
|
|
|
|
## Files yang diubah
|
|
- src/app/globals.css (tulis ulang, hapus duplikat, ganti font, tambah Radix palette)
|
|
- src/app/layout.tsx (Inter localFont dengan --font-inter)
|
|
- src/components/layout/Sidebar.tsx (hapus font-serif)
|
|
- src/components/layout/SidebarSiteSelector.tsx (hapus font-serif)
|
|
- src/components/layout/SidebarTimeSelector.tsx (hapus font-serif)
|
|
- public/fonts/Inter-Variable.woff2 (baru, diunduh dari Google Fonts CDN)
|
|
|
|
## Outcome
|
|
Semua 20 perbedaan sudah FIXED. Fitur/fungsi tidak ada yang diubah.
|