style: modify fontSize, margin in result page

Myongji-Graduate · May 10, 2024 · bb57a9d · bb57a9d
1 parent 0fc40d9
commit bb57a9d
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/app/(sub-page)/result/page.tsx b/app/(sub-page)/result/page.tsx
@@ -20,7 +20,7 @@ function ResultPage({ searchParams }: ResultPageProp) {
 
   return (
     <div className="flex justify-center items-end">
-      <ContentContainer className="md:w-[700px] p-8">
+      <ContentContainer className="md:w-[700px] p-4 py-6 md:p-8">
         <UserInfoCard />
       </ContentContainer>
       <div

diff --git a/app/ui/result/result-category-card/result-category-card.tsx b/app/ui/result/result-category-card/result-category-card.tsx
@@ -50,7 +50,7 @@ function ResultCategoryCard({ category, totalCredit, takenCredit }: ResultCatego
     <div
       className={cn(
         'flex flex-col gap-6 zIndex-1 rounded-xl shadow-md bg-white p-4 m-auto w-full',
-        'md:p-[1.8rem] max-w-72',
+        'md:p-[1.8rem] max-w-80',
       )}
     >
       <div className="flex justify-between items-center">

diff --git a/app/ui/user/user-info-card/user-info-card.tsx b/app/ui/user/user-info-card/user-info-card.tsx
@@ -25,11 +25,11 @@ function UserInfoCard() {
             <li>불가능</li>
           </ul>
         </div>
-        <div className="md:px-10">
+        <div className="mr-[10%]">
           <PieChart percentage={77} />
         </div>
       </div>
-      <p className="text-gray-6 text-xs">
+      <p className="text-gray-6 md:text-xs text-[10px]">
         * 서비스의 결과는 공식적인 효력을 갖지 않습니다. 정확한 졸업사정결과는 소속 단과대 교학팀에서의 확인을
         권장합니다.
       </p>

diff --git a/app/ui/view/molecule/pie-chart/pie-chart.tsx b/app/ui/view/molecule/pie-chart/pie-chart.tsx
@@ -22,7 +22,7 @@ function PieChart({ percentage }: PieChartProp) {
       style={{
         '--percentage': percentage,
         '--startRadius': isDesktop ? '1.5rem' : '1.1rem',
-        '--endRadius': isDesktop ? '0.74rem' : '0.52rem',
+        '--endRadius': isDesktop ? '0.74rem' : '0.50rem',
         '--pieSize': isDesktop ? '9rem' : '6.5rem',
       }}
     >