docs: add nav button styling design spec

This commit is contained in:
2026-07-15 21:44:40 -04:00
parent c530fd882a
commit 6f24ba0901
@@ -0,0 +1,23 @@
# Nav Button Styling: Use .nb-button.default
**Date:** 2026-07-15
## Summary
Change the CSS class on all navigation bar buttons in `frontend/src/index.ts` from `.nb-button` to `.nb-button.default` to use the default variant styling provided by the Neo Brutalism CSS framework.
## Changes
| Element | Current Class | New Class |
|---------|--------------|-----------|
| Dashboard nav link | `a.nb-button` | `a.nb-button.default` |
| Chores nav link | `a.nb-button` | `a.nb-button.default` |
| Household nav link | `a.nb-button` | `a.nb-button.default` |
| Activity nav link | `a.nb-button` | `a.nb-button.default` |
| Logout button | `button.nb-button` | `button.nb-button.default` |
## Scope
- **File:** `frontend/src/index.ts` only
- **Lines affected:** 5 consecutive lines in the `NavBar` component (currently lines 115-119)
- **No other changes** to styles, structure, or behavior