Skip to content

fix: improve responsive layout#72

Open
azdanov wants to merge 4 commits intoCachyOS:developfrom
azdanov:improve-responsive-layout
Open

fix: improve responsive layout#72
azdanov wants to merge 4 commits intoCachyOS:developfrom
azdanov:improve-responsive-layout

Conversation

@azdanov
Copy link
Copy Markdown
Member

@azdanov azdanov commented Apr 29, 2026

See #49 (comment)

I removed container classes to avoid "jumping" between breakpoints and instead used a static max-width. Some additional minor cleanup for top padding in about/blog pages.

Comment thread src/components/widgets/AboutDistribution.astro
Comment thread src/components/widgets/Editions.astro
Comment thread src/components/widgets/Editions.astro
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates responsive layout behavior across key pages/sections by replacing container-based widths with fixed max-w-* wrappers and adjusting padding/typography for better consistency across breakpoints.

Changes:

  • Replace container wrappers with max-w-6xl wrappers (and adjust horizontal padding) to reduce breakpoint “jumping”.
  • Adjust spacing/typography on blog/about/download-related sections for improved vertical rhythm.
  • Switch edition preview images to static asset imports for use with astro:assets Image.

Reviewed changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
src/pages/[...blog]/[...page].astro Updates blog list section padding values.
src/layouts/BaseLayout.astro Replaces arbitrary 2xl font-size class with 2xl:text-xl.
src/components/widgets/Sponsors.astro Replaces container wrapper with max-w-6xl wrapper.
src/components/widgets/Header.astro Adjusts header wrapper padding at md breakpoint.
src/components/widgets/Editions.astro Uses static image imports; replaces container with max-w-6xl and adjusts padding/gaps; tweaks image classes.
src/components/widgets/AboutDistribution.astro Tweaks vertical padding and heading sizing; simplifies markup structure.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/pages/[...blog]/[...page].astro
Comment thread src/components/widgets/Editions.astro
Comment thread src/components/widgets/AboutDistribution.astro
@codayon
Copy link
Copy Markdown

codayon commented Apr 29, 2026

Nice. I think, this issue with footer should also be addressed, currently, there is a gap after the sitemap links.

image

If fixed, it may look something like this, thanks.

image

@codayon
Copy link
Copy Markdown

codayon commented Apr 29, 2026

For DropdownMenu, if we set modal={false} in MenuItems tag, we can scroll even if the dropdown is toggled on. Currently if we toggle the dropdown, it doesn't let us to scroll.

@azdanov
Copy link
Copy Markdown
Member Author

azdanov commented Apr 30, 2026

Nice. I think, this issue with footer should also be addressed, currently, there is a gap after the sitemap links.

That's a valid remark and might warrant discussing, but out of scope of current issue. It was a design decision of current template to left align columns in footer.

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.

3 participants