yuris/garage
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix(management): make mobile bottom navigation items uniform in width #174

New issue
Closed
opened 2026-09-30 12:37:02 +00:00 by yuris · 0 comments
yuris commented 2026-09-30 12:37:02 +00:00
Owner
Copy link

Problem

Mobile bottom navigation items have varying widths based on text label length because the nav container uses justify-around and child items lack flex-1 basis-0. Shorter labels ("Stok", "Dasbor") have narrower click targets and uneven distribution compared to longer labels ("Pembelian", "Penjualan", "Pengaturan").

Acceptance Criteria

  • In apps/management/components/dashboard-nav.tsx, each item in the mobile bottom navigation bar (<nav>) uses flex-1 basis-0 min-w-0 and balanced padding to ensure uniform widths and hit areas.
  • Label text includes truncate max-w-full text-center to prevent wrapping or overflowing on small screens.
  • Verification passes: pnpm --filter garage test, pnpm --filter garage typecheck, and .forgejo/scripts/biome-gate.sh.
## Problem Mobile bottom navigation items have varying widths based on text label length because the nav container uses `justify-around` and child items lack `flex-1 basis-0`. Shorter labels ("Stok", "Dasbor") have narrower click targets and uneven distribution compared to longer labels ("Pembelian", "Penjualan", "Pengaturan"). ## Acceptance Criteria - [ ] In `apps/management/components/dashboard-nav.tsx`, each item in the mobile bottom navigation bar (`<nav>`) uses `flex-1 basis-0 min-w-0` and balanced padding to ensure uniform widths and hit areas. - [ ] Label text includes `truncate max-w-full text-center` to prevent wrapping or overflowing on small screens. - [ ] Verification passes: `pnpm --filter garage test`, `pnpm --filter garage typecheck`, and `.forgejo/scripts/biome-gate.sh`.
yuris closed this issue 2026-09-30 12:40:34 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
feat/remove-supplier-category-and-terms
fix/suppliers-table-single-line
feat/phase-5-batch-price-update
feat/phase-4-supplier-catalog-pricing
feat/phase-3-supplier-directory
feat/phase-2-admin-auth-nav
feat/phase-1-supplier-schema
ci/166-prune-container-images
store/services-order
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
yuris/garage#174
No description provided.