From 80f1acb7288c9edaa5e369359b411ab496e22e5d Mon Sep 17 00:00:00 2001
From: oikkoikk <ljjun0702@gmail.com>
Date: Fri, 6 Oct 2023 14:09:58 +0900
Subject: [PATCH] [SWM-339] Fix : main page font size

---
 .../courseMaterial/CourseMaterialIntro.tsx    |  2 +-
 .../main/enrollment/EnrollmentIntro.tsx       |  2 +-
 .../main/scheduling/SchedulingIntro.tsx       |  2 +-
 src/components/main/ui/TextLoopIntro.tsx      | 30 ++++---------------
 4 files changed, 8 insertions(+), 28 deletions(-)

diff --git a/src/components/main/courseMaterial/CourseMaterialIntro.tsx b/src/components/main/courseMaterial/CourseMaterialIntro.tsx
index a7686f2..9fcf641 100644
--- a/src/components/main/courseMaterial/CourseMaterialIntro.tsx
+++ b/src/components/main/courseMaterial/CourseMaterialIntro.tsx
@@ -4,7 +4,7 @@ export default function CourseMaterialIntro({}) {
   return (
     <>
       <div className='flex items-center col-start-3 col-end-4 row-start-1 row-end-2 pl-3 md:pl-5 xl:pl-7 bg-sroom-black-300'>
-        <p className='text-[5px] sm:text-sm md:text-base lg:text-lg xl:text-xl'>
+        <p className='text-xs sm:text-sm md:text-base lg:text-lg xl:text-xl'>
           퀴즈 강의노트
         </p>
       </div>
diff --git a/src/components/main/enrollment/EnrollmentIntro.tsx b/src/components/main/enrollment/EnrollmentIntro.tsx
index f0c270e..4b97e43 100644
--- a/src/components/main/enrollment/EnrollmentIntro.tsx
+++ b/src/components/main/enrollment/EnrollmentIntro.tsx
@@ -4,7 +4,7 @@ export default function EnrollmentIntro({}) {
   return (
     <div className='relative col-start-1 col-end-2 row-start-2 row-end-5 bg-sroom-black-300'>
       <div className='p-2 sm:p-3 md:p-5 xl:p-7'>
-        <p className='text-[5px] sm:text-sm md:text-base lg:text-lg xl:text-xl'>
+        <p className='text-xs sm:text-sm md:text-base lg:text-lg xl:text-xl'>
           유튜브 강의 등록
         </p>
       </div>
diff --git a/src/components/main/scheduling/SchedulingIntro.tsx b/src/components/main/scheduling/SchedulingIntro.tsx
index 13bc20c..5da1be3 100644
--- a/src/components/main/scheduling/SchedulingIntro.tsx
+++ b/src/components/main/scheduling/SchedulingIntro.tsx
@@ -4,7 +4,7 @@ export default function SchedulingIntro({}) {
   return (
     <>
       <div className='col-start-2 col-end-3 row-start-2 row-end-3 p-2 sm:p-3 bg-sroom-brand md:p-5 xl:p-7'>
-        <p className='text-[5px] sm:text-sm md:text-base lg:text-lg xl:text-xl'>강의 일정 관리</p>
+        <p className='text-xs sm:text-sm md:text-base lg:text-lg xl:text-xl'>강의 일정 관리</p>
       </div>
       <div className='relative col-start-2 col-end-3 row-start-3 row-end-6 bg-sroom-brand'>
         <div className='absolute top-0 left-0 w-full'>
diff --git a/src/components/main/ui/TextLoopIntro.tsx b/src/components/main/ui/TextLoopIntro.tsx
index 2d1c19f..8aaff00 100644
--- a/src/components/main/ui/TextLoopIntro.tsx
+++ b/src/components/main/ui/TextLoopIntro.tsx
@@ -34,7 +34,7 @@ const TextLoop = ({
         repeatDelay: repeatDelay,
         delay: type === 'back-up' ? delay : 0
       }}
-      className={`${className} pl-[100%] absolute flex h-full min-w-full gap-3 whitespace-nowrap text-[3px] leading-3 sm:text-sm md:text-lg lg:text-xl xl:text-2xl opacity-90`}
+      className={`${className} pl-[100%] absolute flex h-full min-w-full gap-3 whitespace-nowrap leading-3 text-xs sm:text-sm md:text-lg lg:text-xl xl:text-2xl opacity-90`}
     >
       {children}
     </motion.div>
@@ -44,42 +44,22 @@ const TextLoop = ({
 export default function TextLoopIntro({}) {
   return (
     <div className='relative col-start-1 col-end-2 row-start-5 row-end-6 overflow-hidden bg-sroom-black-300'>
-      <TextLoop
-        type='main'
-        duration={20}
-        delayGap={2}
-        className='top-[20%]'
-      >
+      <TextLoop type='main' duration={20} delayGap={2} className='top-[20%]'>
         {MOTIVATION_GENERAL.map((item, index) => (
           <p key={index}>{item}</p>
         ))}
       </TextLoop>
-      <TextLoop
-        duration={20}
-        delayGap={2}
-        type='back-up'
-        className='top-[20%]'
-      >
+      <TextLoop duration={20} delayGap={2} type='back-up' className='top-[20%]'>
         {MOTIVATION_GENERAL.map((item, index) => (
           <p key={index}>{item}</p>
         ))}
       </TextLoop>
-      <TextLoop
-        type='main'
-        duration={20}
-        delayGap={3}
-        className='top-[60%]'
-      >
+      <TextLoop type='main' duration={20} delayGap={3} className='top-[60%]'>
         {MOTIVATION_SPECIFIC.map((item, index) => (
           <p key={index}>{item}</p>
         ))}
       </TextLoop>
-      <TextLoop
-        type='back-up'
-        duration={20}
-        delayGap={3}
-        className='top-[60%]'
-      >
+      <TextLoop type='back-up' duration={20} delayGap={3} className='top-[60%]'>
         {MOTIVATION_SPECIFIC.map((item, index) => (
           <p key={index}>{item}</p>
         ))}