psa-systems/lets-chat
Watch
9
0
Fork
You've already forked lets-chat
 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity Actions

feat(css): add .lc-page-* width + layout utilities (LC-562) #525

Merged
longjacksonle merged 1 commit from feat/LC-562-page-width-utils into main 2026-07-08 21:12:44 +02:00
Conversation 0 Commits 1 Files changed 1 +22
longjacksonle commented 2026-07-08 21:06:05 +02:00
Owner
Copy link

LC-UI-09: .lc-page-* width + layout normalization utilities

Last Phase 1 foundation ticket (LC-562, epic LC-553). Adds canonical content-width + layout helpers so utility pages stop picking inconsistent max-w-* values. Pure @layer components additions in assets/tailwind.css.

What changed

  • .lc-page-narrow - max-w-lg, for login/error/short forms.
  • .lc-page-medium - max-w-3xl, for settings/content pages.
  • .lc-page-wide - max-w-5xl, for admin/table pages.
  • .lc-page-pad - px-4 py-6 sm:px-6, consistent page padding.
  • .lc-page-stack - flex flex-col gap-6, vertical section rhythm.

The three width helpers center the column (mx-auto) and go full-width on mobile; a caller inside a flex shell can still override.

Why it is safe

  • just build-css passes; tailwind-built.css is unchanged because Tailwind purges these component classes until a template uses them (same source-only posture as LC-555 and the phase-1b tokens). Consuming pages rebuild and emit them, per the repo's existing .btn/.card convention.
  • No Rust, template, or built-CSS change.

Scope

Vocabulary only - applying these widths to the actual utility pages happens in the migration tickets. This completes the Phase 1 foundation (tokens LC-554, alerts LC-555, widths LC-562).

🤖 Generated with Claude Code

https://claude.ai/code/session_011jXpZXXwpB36MvTr6JrGXN

## LC-UI-09: `.lc-page-*` width + layout normalization utilities Last Phase 1 foundation ticket (LC-562, epic LC-553). Adds canonical content-width + layout helpers so utility pages stop picking inconsistent `max-w-*` values. Pure `@layer components` additions in `assets/tailwind.css`. ### What changed - `.lc-page-narrow` - `max-w-lg`, for login/error/short forms. - `.lc-page-medium` - `max-w-3xl`, for settings/content pages. - `.lc-page-wide` - `max-w-5xl`, for admin/table pages. - `.lc-page-pad` - `px-4 py-6 sm:px-6`, consistent page padding. - `.lc-page-stack` - `flex flex-col gap-6`, vertical section rhythm. The three width helpers center the column (`mx-auto`) and go full-width on mobile; a caller inside a flex shell can still override. ### Why it is safe - `just build-css` passes; `tailwind-built.css` is **unchanged** because Tailwind purges these component classes until a template uses them (same source-only posture as LC-555 and the phase-1b tokens). Consuming pages rebuild and emit them, per the repo's existing `.btn`/`.card` convention. - No Rust, template, or built-CSS change. ### Scope Vocabulary only - applying these widths to the actual utility pages happens in the migration tickets. This completes the Phase 1 foundation (tokens LC-554, alerts LC-555, widths LC-562). 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_011jXpZXXwpB36MvTr6JrGXN
feat(css): add .lc-page-* width + layout utilities (LC-562 / LC-UI-09)
All checks were successful
check-secrets / Nosey parker (push) Successful in 3s
Details
check-secrets / TruffleHog (push) Successful in 5s
Details
check-secrets / Kingfisher (push) Successful in 5s
Details
check-secrets / Nosey parker (pull_request) Successful in 4s
Details
check-secrets / Kingfisher (pull_request) Successful in 6s
Details
check-secrets / TruffleHog (pull_request) Successful in 9s
Details
Check / clippy + fmt + tests (pull_request) Successful in 3m51s
Details
Create release / Create release from merged PR (pull_request) Has been skipped
Details
0ef4bb19d0 
- Adds five canonical layout helpers to the @layer components block so utility pages stop picking inconsistent max-w-* values: `.lc-page-narrow` (max-w-lg, login/error/short forms), `.lc-page-medium` (max-w-3xl, settings/content), `.lc-page-wide` (max-w-5xl, admin tables), `.lc-page-pad` (px-4 py-6 sm:px-6), `.lc-page-stack` (flex flex-col gap-6). The three width helpers center the column (mx-auto) and go full-width on mobile; a caller inside a flex shell can override.
- `just build-css` passes; `tailwind-built.css` is unchanged because Tailwind purges these component classes until a template uses them (same source-only posture as LC-555 / the phase-1b tokens). Consuming pages rebuild and emit them, per the repo's existing component convention. No Rust, template, or built-CSS change.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011jXpZXXwpB36MvTr6JrGXN
longjacksonle deleted branch feat/LC-562-page-width-utils 2026-07-08 21:12:44 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
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
psa-systems/lets-chat!525
No description provided.