css tweaks to homepage

clavery · clavery · commit a8441f1dd061 · 2026-04-20T19:14:16.000-04:00
diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
@@ -18,18 +18,20 @@
 
 /* Hero image sizing */
 .VPHero .container {
-  max-width: 100% !important;
+  max-width: calc(var(--vp-layout-max-width) - 100px);
 }
 
 .VPHero .image-container {
-  max-width: 550px !important;
+  max-width: 600px !important;
   padding: 24px;
   margin-bottom: 20px;
 }
 
 @media (min-width: 960px) {
   .VPHero .image-container {
     margin-bottom: 0;
+    transform: none;
+    max-width: 100% !important;
   }
 }
 
@@ -38,7 +40,7 @@
 }
 
 .VPHero .image-container img {
-  max-width: 550px !important;
-  max-height: 470px;
+  max-width: 600px !important;
+  max-height: 500px;
   object-fit: contain;
 }

Original file line number	Diff line number	Diff line change
`@@ -18,18 +18,20 @@`
`18`	`18`
`19`	`19`	`/* Hero image sizing */`
`20`	`20`	`.VPHero .container {`
`21`		`- max-width: 100% !important;`
	`21`	`+ max-width: calc(var(--vp-layout-max-width) - 100px);`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.VPHero .image-container {`
`25`		`- max-width: 550px !important;`
	`25`	`+ max-width: 600px !important;`
`26`	`26`	`padding: 24px;`
`27`	`27`	`margin-bottom: 20px;`
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`@media (min-width: 960px) {`
`31`	`31`	`.VPHero .image-container {`
`32`	`32`	`margin-bottom: 0;`
	`33`	`+ transform: none;`
	`34`	`+ max-width: 100% !important;`
`33`	`35`	`}`
`34`	`36`	`}`
`35`	`37`
`@@ -38,7 +40,7 @@`
`38`	`40`	`}`
`39`	`41`
`40`	`42`	`.VPHero .image-container img {`
`41`		`- max-width: 550px !important;`
`42`		`- max-height: 470px;`
	`43`	`+ max-width: 600px !important;`
	`44`	`+ max-height: 500px;`
`43`	`45`	`object-fit: contain;`
`44`	`46`	`}`