fix(header): Adjust icon font size and navbar height for better responsiveness.

Ayfri · Ayfri · commit 8d52635d4dab · 2025-03-17T02:53:21.000+01:00
diff --git a/src/jsMain/kotlin/io/github/ayfri/components/Header.kt b/src/jsMain/kotlin/io/github/ayfri/components/Header.kt
@@ -81,16 +81,12 @@ object HeaderStyle : StyleSheet() {
 		zIndex(5)
 
 		"i" style {
-			fontSize(navbarHeight.value() * .6)
+			fontSize(navbarHeight.value() * .5)
 		}
 
 		media(mediaMaxWidth(mobileSecondBreak)) {
 			self {
 				padding(0.px, 1.cssRem)
-
-				"i" style {
-					fontSize(navbarHeight.value() * .4)
-				}
 			}
 		}
 	}
@@ -144,6 +140,7 @@ object HeaderStyle : StyleSheet() {
 	val navbarGithub by style {
 		borderRadius(.5.cssRem)
 		gap(1.cssRem)
+		height(80.percent)
 		marginRight(1.vw)
 		padding(.5.cssRem, 1.cssRem)
 

Original file line number	Diff line number	Diff line change
`@@ -81,16 +81,12 @@ object HeaderStyle : StyleSheet() {`
`81`	`81`	`zIndex(5)`
`82`	`82`
`83`	`83`	`"i" style {`
`84`		`- fontSize(navbarHeight.value() * .6)`
	`84`	`+ fontSize(navbarHeight.value() * .5)`
`85`	`85`	`}`
`86`	`86`
`87`	`87`	`media(mediaMaxWidth(mobileSecondBreak)) {`
`88`	`88`	`self {`
`89`	`89`	`padding(0.px, 1.cssRem)`
`90`		`-`
`91`		`- "i" style {`
`92`		`- fontSize(navbarHeight.value() * .4)`
`93`		`- }`
`94`	`90`	`}`
`95`	`91`	`}`
`96`	`92`	`}`
`@@ -144,6 +140,7 @@ object HeaderStyle : StyleSheet() {`
`144`	`140`	`val navbarGithub by style {`
`145`	`141`	`borderRadius(.5.cssRem)`
`146`	`142`	`gap(1.cssRem)`
	`143`	`+ height(80.percent)`
`147`	`144`	`marginRight(1.vw)`
`148`	`145`	`padding(.5.cssRem, 1.cssRem)`
`149`	`146`