feat: better scrollbars

Author: TheComputerM

panda.config.ts

@@ -63,6 +63,10 @@ export default defineConfig({
 		},
 	},
 	globalCss: {
+		'*': {
+			scrollbarColor: "var(--colors-fg-default) transparent",
+			scrollbarWidth: "thin",
+		},
 		":root": {
 			fontWeight: "normal",
 			fontSize: "14px",
@@ -76,8 +80,10 @@ export default defineConfig({
 		},
 		h1: {
 			fontSize: "1.5rem",
+			lineHeight: "calc(1.5 * var(--line-heights-normal))",
 			sm: {
 				fontSize: "2rem",
+				lineHeight: "calc(2 * var(--line-heights-normal))"
 			}
 		}
 	},

src/layouts/app.css

@@ -19,10 +19,6 @@
 		font-variant-numeric: tabular-nums lining-nums;
 	}
 
-	/* *+* {
-    margin-top: var(--line-heights-normal);
-  } */
-
 	body {
 		line-height: var(--line-heights-normal);
 	}
@@ -39,7 +35,6 @@
 	}
 
 	h1 {
-		line-height: calc(2 * var(--line-heights-normal));
 		margin-bottom: calc(var(--line-heights-normal) * 2);
 		text-transform: uppercase;
 	}
@@ -248,11 +243,6 @@
 		line-height: 0;
 	}
 
-	::-webkit-scrollbar {
-		display: none;
-		/* height: var(--line-heights-normal); */
-	}
-
 	input:focus {
 		outline: none;
 	}