Skip to content

S3: shell header, tab bar bawah, nav aktif dari server - #103

Merged
coderbuzz merged 1 commit into
mainfrom
feat/ui-s3-shell
Oct 15, 2026
Merged

coderbuzz merged 1 commit into
mainfrom
feat/ui-s3-shell

Conversation

@coderbuzz

Copy link
Copy Markdown
Owner

Ringkasan

S3: shell (K7). Header 56px sticky (logo, tombol tema, tombol Sign out POST logout), nav 4 item (Dashboard/Servers/Apps/Settings) berikon: tab bar bawah <900px (fixed, safe-area), baris tab di bawah header ≥900px; container max 1100 (padding 16/24); hamburger, toggleMobileNav, dropdown, dan JS penanda nav dihapus; About jadi tautan di Settings; KPI grid 2 kolom <700px, 4 kolom ≥700px; .card radius 16, input radius 12.
Aktif ditentukan server-side: Nav diisi di Render dari path (mengabaikan base path), aria-current="page".

Bukti

  • build/vet/test hijau.
  • Tanpa overflow (scrollWidth<=clientWidth) di 360x740 dan 390x844: dashboard, servers, apps, apps/1, servers/1, settings, apps/add.
  • aria-current: /=Dashboard, /servers/1=Servers, /apps/1=Apps, /about=Settings, /settings=Settings.
  • 1280: container 1100, nav static tepat di bawah top-bar (y=84).
  • DOM node dashboard (390): sebelum 144, sesudah 166 (+22: ikon nav dan tombol keluar).

Penyimpangan

  • Tombol Sign out selalu tampil: data AllowNoAuth belum tersedia di template.
  • Tombol tema mengikuti btn-secondary btn-icon 44px (§6); alias --bg-glass dihapus.

🤖 Generated with Claude Code

…tive nav

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@coderbuzz
coderbuzz merged commit f2b20e5 into main Oct 15, 2026
2 checks passed
@coderbuzz
coderbuzz deleted the feat/ui-s3-shell branch October 15, 2026 12:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant