Fix mobile scaling for Container and PageHeader - #10
Conversation
- Container: reduce mobile horizontal padding (px-4 -> px-2) - PageHeader: stack title and actions vertically on mobile, hide the h1 on small screens and only reveal it from sm: up
|
Ready to review this PR? Stage has broken it down into 3 individual chapters for you:
Chapters generated by Stage for commit 7a9d469 on Jul 3, 2026 2:59pm UTC. |
There was a problem hiding this comment.
Pull request overview
This PR adjusts responsive Tailwind classes in two shared UI components to improve mobile layout/padding, and adds a Changesets entry to publish the update as a patch.
Changes:
- Tighten
Containerhorizontal padding on small screens (px-4→px-2). - Update
PageHeaderlayout to stack title/actions vertically on mobile and switch to a row layout fromsm:upward. - Add a patch changeset describing the mobile scaling changes.
Reviewed changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| src/lib/components/PageHeader.svelte | Adjust responsive flex/layout classes for mobile vs. sm:+ header layout. |
| src/lib/components/Container.svelte | Reduce base horizontal padding for better small-screen fit. |
| .changeset/fix-mobile-container-pageheader.md | Patch changeset documenting the responsive adjustments. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| <div class="flex w-full flex-wrap items-center gap-x-2 gap-y-1"> | ||
| <h1 class="text-3xl font-bold"> | ||
| <div class="flex w-full flex-col gap-2 sm:flex-row sm:items-center"> | ||
| <h1 class="hidden text-3xl font-bold sm:block"> |
Drop the changeset file; master removed changesets.
|
Important
This repository does not receive automatic reviews because it has fewer than 10 stars. ⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Plus Run ID: Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Uh oh!
There was an error while loading. Please reload this page.