Skip to content
GitLab

style(ui): standardize CRLF, apply Card gap-0, and optimize list/search ergonomics

Merged Ahmad Nawawi requested to merge dev-nawawi into dev-master

Summary of Changes

Merge Request ini mengintegrasikan standardisasi format line ending, perapian tata letak Card, serta optimasi ergonomi pencarian dan seleksi dari dev-nawawi ke dev-master:

  1. Repository-Wide CRLF Standardization:

    • Menambahkan berkas .gitattributes untuk normalisasi * text=auto eol=crlf dan pemetaan biner.
    • Mengonfigurasi endOfLine: crlf pada .prettierrc.yaml dan .editorconfig.
    • Mengeliminasi 100% dari 5.300+ peringatan Delete ␍ prettier/prettier pada ESLint (menghasilkan status 0 errors, 0 warnings).

  2. Eksplisit Utility Class gap-0 pada Seluruh Elemen Card:

    • Menerapkan gap-0 secara konsisten pada seluruh komponen <Card> di LogsPage, ManageStationPage, MissionsPage, StationsPage, dan TraineesPage (termasuk skeleton loading cards).

  3. Optimasi Ergonomi & Zero Layout Shift:

    • MissionsPage: Menetapkan border-l-2 border-transparent permanen dan border-primary! saat aktif untuk mengeliminasi jitter pergeseran 2px (layout shift) saat memilih skenario misi.
    • MissionsPage: Menghilangkan divide-y antar item misi untuk estetika daftar yang lebih bersih (borderless list).
    • TraineesPage & MissionsPage: Memperluas kontainer bilah pencarian menggunakan w-full / flex-1 agar memanfaatkan ruang kartu secara maksimal pada resolusi 1280x720.

Commits Included (3 Commits)

  • cbecada fix(ui): eliminate selection layout shift and expand search inputs
  • 073137d style(ui): explicitly apply gap-0 to all Card elements
  • c143f4c style(format): set default line endings to CRLF across repository

Validation & Quality Gates

  • npm run typecheck: 0 errors (TypeScript 5.9 strict)
  • npm run lint: 0 errors, 0 warnings (ESLint 9 + Mermaid Lint)
  • npm run format: Seluruh berkas kode patuh terhadap Prettier & CRLF