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