chore: 반응형 폰트 크기 수정

datastreams-knu · Dec 5, 2024 · 5e0da1b · 5e0da1b
1 parent 7e96088
commit 5e0da1b
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 12 deletions.
diff --git a/src/pages/LoginPage/LoginPage.tsx b/src/pages/LoginPage/LoginPage.tsx
@@ -170,15 +170,15 @@ const LoginPage: React.FC = () => {
             w="full"
             bg="#DCD8C8"
             color="black"
-            fontSize={"2xl"}
+            fontSize={{ base: "xl", md: "2xl" }}
             fontWeight={"light"}
             letterSpacing={"0.1em"}
             _hover={{ bg: "#AAA282" }}
             onClick={handleLogin}
           >
             로그인하기
           </Button>
-          <Text fontSize="2xl" color="gray.600">
+          <Text fontSize={{ base: "lg", md: "xl" }} color="gray.600">
             아직 회원이 아니신가요?{" "}
             <Link color="#8B8469" onClick={handleSignup}>
               회원가입

diff --git a/src/pages/MainPage/AnimatedText.tsx b/src/pages/MainPage/AnimatedText.tsx
@@ -72,7 +72,7 @@ const AnimatedText: React.FC<AnimatedTextProps> = ({
       h="30px"
       display="flex"
       alignItems="center"
-      fontSize={{ base: "md", md: "xl" }}
+      fontSize={{ base: "sm", md: "xl" }}
       mt={-2}
       fontWeight={"md"}
       opacity={opacity}

diff --git a/src/pages/MainPage/GuestPage.tsx b/src/pages/MainPage/GuestPage.tsx
@@ -238,7 +238,7 @@ const GuestPage = () => {
                 maxW="800px"
               >
                 <Button
-                  fontSize={{ base: "xl", md: "2xl" }}
+                  fontSize={{ base: "lg", md: "2xl" }}
                   fontWeight="medium"
                   bg="#EAE6DA"
                   _hover={{ bg: "#DDD8C6", transform: "scale(1.05)" }}
@@ -247,7 +247,7 @@ const GuestPage = () => {
                   해외 인턴십 정보 알려줘
                 </Button>
                 <Button
-                  fontSize={{ base: "xl", md: "2xl" }}
+                  fontSize={{ base: "lg", md: "2xl" }}
                   fontWeight="medium"
                   bg="#EAE6DA"
                   _hover={{ bg: "#DDD8C6", transform: "scale(1.05)" }}
@@ -256,7 +256,7 @@ const GuestPage = () => {
                   지도교수 상담 일정 알려줘
                 </Button>
                 <Button
-                  fontSize={{ base: "xl", md: "2xl" }}
+                  fontSize={{ base: "lg", md: "2xl" }}
                   fontWeight="medium"
                   bg="#EAE6DA"
                   _hover={{ bg: "#DDD8C6", transform: "scale(1.05)" }}
@@ -267,7 +267,7 @@ const GuestPage = () => {
                   정설영 교수님 이메일 알려줘
                 </Button>
                 <Button
-                  fontSize={{ base: "xl", md: "2xl" }}
+                  fontSize={{ base: "lg", md: "2xl" }}
                   fontWeight="medium"
                   bg="#EAE6DA"
                   _hover={{ bg: "#DDD8C6", transform: "scale(1.05)" }}
@@ -276,7 +276,7 @@ const GuestPage = () => {
                   심컴 졸업요건 알려줘
                 </Button>
                 <Button
-                  fontSize={{ base: "xl", md: "2xl" }}
+                  fontSize={{ base: "lg", md: "2xl" }}
                   fontWeight="medium"
                   bg="#EAE6DA"
                   _hover={{ bg: "#DDD8C6", transform: "scale(1.05)" }}

diff --git a/src/pages/MainPage/Sidebar/Sidebar.tsx b/src/pages/MainPage/Sidebar/Sidebar.tsx
@@ -338,7 +338,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ isOpen, toggleSidebar }) => {
             <Box
               textAlign="center"
               mb={4}
-              fontSize={{ base: "36px", md: "46px" }}
+              fontSize={{ base: "30px", md: "46px" }}
               mt={-3}
               fontWeight={"md"}
               color="#C73732"
@@ -617,9 +617,9 @@ export const Sidebar: React.FC<SidebarProps> = ({ isOpen, toggleSidebar }) => {
             <Box
               fontFamily="'Nanum Gothic'"
               fontSize={{ base: "9px", md: "12px" }}
-              pl={{ base: "20px", md: "30px" }}
+              pl={{ base: "20px", md: "35px" }}
               pr={0}
-              pt={5}
+              pt={10}
               pb={50}
               ml={"auto"}
               mr={"auto"}

diff --git a/src/pages/SignupPage/SignupPage.tsx b/src/pages/SignupPage/SignupPage.tsx
@@ -216,7 +216,12 @@ const SignupPage: React.FC = () => {
             </Stack>
             {/* 이메일 중복 확인 메시지 */}
             {emailCheckMessage && (
-              <Text fontSize={"lg"} color="#8B8469" mt={2} textAlign={"center"}>
+              <Text
+                fontSize={{ base: "sm", md: "lg" }}
+                color="#8B8469"
+                mt={2}
+                textAlign={"center"}
+              >
                 {emailCheckMessage}
               </Text>
             )}