Skip to content

Use container query for note page padding#672

Merged
colebemis merged 1 commit intomainfrom
cb/container-query-padding
Feb 12, 2026
Merged

Use container query for note page padding#672
colebemis merged 1 commit intomainfrom
cb/container-query-padding

Conversation

@colebemis
Copy link
Member

Summary

  • Switch note page padding from viewport-relative breakpoint (lg:p-10) to container query (@[640px]:p-10) so it responds to the container width instead of the viewport

Test plan

  • Open a note and resize the browser — padding should change based on the note container width, not the viewport
  • Verify padding is p-5 when container is narrow and p-10 when container >= 640px

🤖 Generated with Claude Code

Switch from viewport-relative breakpoint to container query so
padding responds to the container width instead of the viewport.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Feb 12, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
lumen Ready Ready Preview, Comment Feb 12, 2026 0:29am
lumen-storybook Ready Ready Preview, Comment Feb 12, 2026 0:29am

@colebemis colebemis merged commit 5fe87ae into main Feb 12, 2026
11 checks passed
@colebemis colebemis deleted the cb/container-query-padding branch February 12, 2026 00:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant