docs: add nav button styling design spec
This commit is contained in:
@@ -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
|
||||||
Reference in New Issue
Block a user