fix: scale down font size on width change

erikbdev · erikbdev · commit 64b3b0fe400f · 2025-02-23T15:22:25.000-08:00
diff --git a/Sources/Pages/HomePage.swift b/Sources/Pages/HomePage.swift
@@ -37,6 +37,8 @@ public struct HomePage: Page {
     .inlineStyle("color", "#fafafa")
     .inlineStyle("font-optical-sizing", "auto")
     .inlineStyle("font-size", "0.9em")
+    .inlineStyle("font-size", "0.8em", media: .maxWidth(480))
+    .inlineStyle("font-size", "0.7em", media: .maxWidth(380))
 
     VueScript()
   }

Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,8 @@ public struct HomePage: Page {`
`37`	`37`	`.inlineStyle("color", "#fafafa")`
`38`	`38`	`.inlineStyle("font-optical-sizing", "auto")`
`39`	`39`	`.inlineStyle("font-size", "0.9em")`
	`40`	`+ .inlineStyle("font-size", "0.8em", media: .maxWidth(480))`
	`41`	`+ .inlineStyle("font-size", "0.7em", media: .maxWidth(380))`
`40`	`42`
`41`	`43`	`VueScript()`
`42`	`44`	`}`