[SWM-339] Fix : main page font size

4m9d · Oct 6, 2023 · 80f1acb · 80f1acb
1 parent 4345e98
commit 80f1acb
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 28 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>
         ))}