fix: update spacing for Welcome component

Parkreiner · Parkreiner · commit c4b8ba8cf819 · 2025-01-03T17:03:40.000Z
diff --git a/site/src/components/Welcome/Welcome.tsx b/site/src/components/Welcome/Welcome.tsx
@@ -1,4 +1,3 @@
-import type { Interpolation, Theme } from "@emotion/react";
 import type { FC, PropsWithChildren } from "react";
 import { CoderIcon } from "../Icons/CoderIcon";
 
@@ -13,36 +12,13 @@ const Language = {
 export const Welcome: FC<PropsWithChildren> = ({ children }) => {
 	return (
 		<div>
-			<div css={styles.container}>
+			<div className="flex justify-center pb-1">
 				<CoderIcon className="w-12 h-12" />
 			</div>
-			<h1 css={styles.header}>{children || Language.defaultMessage}</h1>
+
+			<h1 className="text-center text-3xl font-normal m-0 leading-[1.1] pb-4 [&_strong]:font-semibold">
+				{children || Language.defaultMessage}
+			</h1>
 		</div>
 	);
 };
-
-const styles = {
-	container: {
-		display: "flex",
-		justifyContent: "center",
-	},
-
-	icon: (theme) => ({
-		color: theme.palette.text.primary,
-		fontSize: 64,
-	}),
-
-	header: {
-		textAlign: "center",
-		fontSize: 32,
-		fontWeight: 400,
-		margin: 0,
-		marginTop: 16,
-		marginBottom: 32,
-		lineHeight: 1.25,
-
-		"& strong": {
-			fontWeight: 600,
-		},
-	},
-} satisfies Record<string, Interpolation<Theme>>;
