docs(260411-022): complete global items header layout fix plan
This commit is contained in:
@@ -0,0 +1,54 @@
|
||||
---
|
||||
phase: quick
|
||||
plan: 260411-022
|
||||
subsystem: client-ui
|
||||
tags: [layout, header, search, global-items]
|
||||
dependency_graph:
|
||||
requires: []
|
||||
provides: [compact-global-items-header]
|
||||
affects: [src/client/routes/global-items/index.tsx]
|
||||
tech_stack:
|
||||
added: []
|
||||
patterns: [flex-wrap inline header, lucide-react ArrowLeft]
|
||||
key_files:
|
||||
created: []
|
||||
modified:
|
||||
- src/client/routes/global-items/index.tsx
|
||||
decisions:
|
||||
- ArrowLeft icon + "Discover" label replaces arrow entity + "Dashboard" — matches Phase 27 restructure where / is the discovery landing page
|
||||
metrics:
|
||||
duration: ~5 minutes
|
||||
completed: 2026-04-11
|
||||
---
|
||||
|
||||
# Quick Task 260411-022: Fix Global Items Search Bar Layout
|
||||
|
||||
**One-liner:** Collapsed three-section header (back link, title+subtitle, search) into a two-row compact layout with ArrowLeft icon, "Discover" back link, and inline title+search row.
|
||||
|
||||
## Tasks Completed
|
||||
|
||||
| # | Task | Commit | Files |
|
||||
|---|------|--------|-------|
|
||||
| 1 | Consolidate global items header into compact layout | 4aab1fe | src/client/routes/global-items/index.tsx |
|
||||
|
||||
## Changes Made
|
||||
|
||||
- **Back link:** Replaced `← Dashboard` with `<ArrowLeft /> Discover` — clearer icon, correct label for Phase 27's landing page restructure
|
||||
- **Title:** Reduced from `text-2xl font-bold` to `text-lg font-semibold` and dropped the subtitle paragraph
|
||||
- **Search:** Moved inline with title using `flex flex-wrap items-center justify-between gap-4`. On mobile the search wraps below the title (`w-full sm:w-auto sm:max-w-xs`)
|
||||
- **Outer padding:** `py-6` → `py-4`
|
||||
- **Section margins:** Removed separate `mb-6`, `mb-8`, `mb-8` wrappers; replaced with `mb-3` (back link) and `mb-4` (title+search row)
|
||||
|
||||
## Deviations from Plan
|
||||
|
||||
None — plan executed exactly as written.
|
||||
|
||||
## Known Stubs
|
||||
|
||||
None.
|
||||
|
||||
## Self-Check: PASSED
|
||||
|
||||
- File `src/client/routes/global-items/index.tsx` modified and committed
|
||||
- Commit `4aab1fe` confirmed in git log
|
||||
- `bun run lint` passed with no errors
|
||||
Reference in New Issue
Block a user