Fix: pie chart ui 수정

Funssion-SWM · Oct 20, 2023 · 50b2adc · 50b2adc
1 parent 925d936
commit 50b2adc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/components/me/MeTagsContainer.tsx b/src/components/me/MeTagsContainer.tsx
@@ -15,7 +15,7 @@ export default function MeTagsContainer({
   isLogin,
 }: Props) {
   return (
-    <div className="my-10">
+    <div className="mt-10">
       <div className="flex flex-wrap justify-center items-center mx-10 sm:text-2xl font-bold">
         <span>{userInfo.nickname}님은</span>
         <TagView

diff --git a/src/components/me/StatsInfo.tsx b/src/components/me/StatsInfo.tsx
@@ -22,7 +22,7 @@ export default function StatsInfo({ userStats }: Props) {
   return (
     <div className="flex flex-col sm:flex-row justify-center items-center w-full gap-8">
       <PieChart userStats={userStats} />
-      <ul className="text-soma-grey-70">
+      <ul className="text-soma-grey-70 font-medium">
         <li>
           메모를 총{' '}
           <span className={countStyle}>{memoScoreAndCount.count}개</span>{' '}

diff --git a/src/components/shared/PieChart.tsx b/src/components/shared/PieChart.tsx
@@ -34,7 +34,7 @@ export default function PieChart({
     ],
     datasets: [
       {
-        label: 'of Percentage',
+        label: '(%)',
         data: [
           memoPercent * 100,
           questionPercent * 100,
@@ -53,7 +53,7 @@ export default function PieChart({
           'rgba(255, 235, 224, 1)',
           'rgba(228, 237, 253, 1)',
         ],
-        borderColor: ['rgba(0, 0, 0, 0.7)'],
+        borderColor: ['rgba(0, 0, 0, 1)'],
         borderWidth: 1.5,
       },
     ],
@@ -62,6 +62,7 @@ export default function PieChart({
   return (
     <Pie
       data={data}
+      height={300}
       options={{
         responsive: false,
         plugins: { legend: { position: 'right' } },