redesign

2026-05-04 17:24:41 +02:00
parent f1694ac99b
commit 7950bc9f64
10 changed files with 255 additions and 96 deletions
@@ -8,8 +8,8 @@ interface Props {

 export function MetricCard({ label, value, subtext }: Props) {
 	return (
-		<Card variant="outlined">
-			<CardContent>
+		<Card variant="outlined" sx={{ height: "100%" }}>
+			<CardContent sx={{ p: { xs: 1.5, sm: 2 } }}>
 				<Typography
 					variant="caption"
 					color="text.secondary"
@@ -17,14 +17,22 @@ export function MetricCard({ label, value, subtext }: Props) {
 				>
 					{label}
 				</Typography>
-				<Typography variant="h5" sx={{ mt: 0.5, fontWeight: 700 }}>
+				<Typography
+					variant="h5"
+					sx={{
+						mt: 0.5,
+						fontWeight: 700,
+						fontSize: { xs: "1.05rem", sm: "1.5rem" },
+						lineHeight: 1.15,
+					}}
+				>
 					{value}
 				</Typography>
 				{subtext && (
 					<Typography
 						variant="caption"
 						color="text.secondary"
-						sx={{ whiteSpace: "pre-line" }}
+						sx={{ whiteSpace: "pre-line", display: "block", mt: 0.25 }}
 					>
 						{subtext}
 					</Typography>