baymax pfp size and baymax name shrink when mobile

iam-weijie · Aug 7, 2024 · 83f94a3 · 83f94a3
1 parent 7dac838
commit 83f94a3
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/app/page.js b/app/page.js
@@ -127,10 +127,15 @@ export default function Home() {
             <Avatar
               src="baymax-pfp.png"
               alt="Baymax"
-              sx={{ width: 70, height: 70 }}
+              sx={{ width: isMobile ? 50 : 70, height: isMobile ? 50 : 70 }}
             />
           </Link>
-          <Typography variant="p">Baymax</Typography>
+          <Typography
+            variant="body1"
+            sx={{ fontSize: isMobile ? "0.8rem" : "1rem" }}
+          >
+            Baymax
+          </Typography>
         </Box>
         <Divider />
         <Stack