shekhar/windows-iso-downloader
1
0
Fork 0
Code Issues Pull requests Projects Releases 15 Packages Wiki Activity Actions

fix(ui): standardise page widths to two-tier system

Browse source 
Listing pages (home, products, eval): max-w-4xl
Content pages (product detail, eval detail, about, privacy, disclaimer): max-w-2xl

Previously four different widths were in use across the app.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Shekhar Vaidya 2026-05-18 22:04:09 +05:30
parent fdf4d7258d
commit b1458934c3
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/pages/EvalDetailPage.tsx
View file

@ -121,7 +121,7 @@ export default function EvalDetailPage() {
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }} />
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(softwareJsonLd) }} />
<div className="max-w-xl mx-auto px-5 pt-12 pb-10">
<div className="max-w-2xl mx-auto px-5 pt-12 pb-10">
{/* Back */}
<button
onClick={() => window.history.state?.idx ? navigate(-1) : navigate('/eval')}

2
frontend/src/pages/ProductDetailPage.tsx
View file

@ -210,7 +210,7 @@ export default function ProductDetailPage() {
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }} />
)}
<div className="max-w-xl mx-auto px-5 pt-12 pb-10">
<div className="max-w-2xl mx-auto px-5 pt-12 pb-10">
{/* Back */}
<button
onClick={() => window.history.state?.idx ? navigate(-1) : navigate('/')}

2
frontend/src/pages/ProductsPage.tsx
View file

@ -43,7 +43,7 @@ export default function ProductsPage() {
<meta property="og:description" content="Browse all official Microsoft Windows ISO releases available for direct download." />
<meta property="og:url" content={`${SITE_URL}/products`} />
<div className="max-w-3xl mx-auto px-4 pt-12 pb-10">
<div className="max-w-4xl mx-auto px-4 pt-12 pb-10">
<motion.div
initial={{ opacity: 0, y: 16 }}
animate={{ opacity: 1, y: 0 }}