From 94db7ed91e132acc0a6c9b9122e378bdde6dc151 Mon Sep 17 00:00:00 2001
From: Jiwoo Ahn <ilp_rincipe@naver.com>
Date: Sat, 18 May 2024 22:23:54 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Style:=20spacing=20on=20my=20pag?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 aeye/app/(nav)/my/profileMenu.tsx | 80 +++++++++++++++++--------------
 1 file changed, 45 insertions(+), 35 deletions(-)

diff --git a/aeye/app/(nav)/my/profileMenu.tsx b/aeye/app/(nav)/my/profileMenu.tsx
index ab7af8e..7f69d11 100644
--- a/aeye/app/(nav)/my/profileMenu.tsx
+++ b/aeye/app/(nav)/my/profileMenu.tsx
@@ -8,6 +8,7 @@ import {
   Typography,
   TextField,
   Box,
+  Stack,
 } from "@mui/material";
 import fetchWithInterception from "@/app/fetchWrapper";
 import KakaoIcon from "@/app/kakao";
@@ -29,42 +30,51 @@ export default function ProfileMenu() {
 
   return (
     <Box display="flex" flexDirection="column" alignItems="center">
-      <Paper
-        elevation={3}
-        sx={{ padding: "20px", marginBottom: "20px", width: "100%" }}
-      >
-        <Typography variant="h6">Account Linking Information</Typography>
-        <Divider />
-        <Typography variant="body1" sx={{ textAlign: "center" }}>
-          {member?.socialLogin === "GOOGLE" ? <GoogleIcon /> : <KakaoIcon />}
-          {member?.socialLogin}
-        </Typography>
-      </Paper>
-      <Paper elevation={3} sx={{ padding: "20px", width: "100%" }}>
-        <Typography variant="h6">Update Phone Number </Typography>
-        <Divider />
-        <Box mt={2}>
-          <TextField
-            label="New Phone Number"
-            variant="outlined"
-            size="small"
-            fullWidth
-            autoFocus
-            value={phone}
-            onChange={(e) => setPhone(e.target.value)}
-          />
-        </Box>
-        <Box
-          mt={2}
-          display="flex"
-          flexDirection="row"
-          justifyContent="flex-end"
+      <Stack sx={{ width: "100%" }} spacing={2}>
+        <Paper
+          elevation={3}
+          sx={{
+            padding: "20px",
+            width: "100%",
+            height: "13vh",
+          }}
         >
-          <Button variant="contained" color="primary" onClick={handleClick}>
-            Update
-          </Button>
-        </Box>
-      </Paper>
+          <Typography variant="h6">계정 연결 정보</Typography>
+          <Divider sx={{ mb: "28px" }} />
+          <Typography variant="body1" sx={{ textAlign: "center" }}>
+            {member?.socialLogin === "GOOGLE" ? <GoogleIcon /> : <KakaoIcon />}
+            {member?.socialLogin}
+          </Typography>
+        </Paper>
+        <Paper
+          elevation={3}
+          sx={{ padding: "20px", width: "100%", height: "17vh" }}
+        >
+          <Typography variant="h6">전화번호 설정</Typography>
+          <Divider />
+          <Box mt={2}>
+            <TextField
+              label="New Phone Number"
+              variant="outlined"
+              size="small"
+              fullWidth
+              autoFocus
+              value={phone}
+              onChange={(e) => setPhone(e.target.value)}
+            />
+          </Box>
+          <Box
+            mt={2}
+            display="flex"
+            flexDirection="row"
+            justifyContent="flex-end"
+          >
+            <Button variant="contained" color="primary" onClick={handleClick}>
+              Update
+            </Button>
+          </Box>
+        </Paper>
+      </Stack>
     </Box>
   );
 }