Fix: 글자수제한 19->16, 이런점이좋았어요 세로가운데정렬 적용

WePlanPlans · Jan 26, 2024 · 7ed23e0 · 7ed23e0
1 parent 80f7e8b
commit 7ed23e0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/DetailSectionBottom/DetailReviewStats.tsx b/src/components/DetailSectionBottom/DetailReviewStats.tsx
@@ -25,7 +25,7 @@ const DetailReviewStats = () => {
                   backgroundColor: getColor(data.keywordCount),
                 }}
               />
-              <div className="absolute left-[14.5px] top-[12.23px] flex w-[90%] items-center justify-start">
+              <div className="absolute left-[14.5px] top-[12.23px] flex h-[16px] w-[90%] items-center justify-start">
                 <div className="flex flex-grow items-start justify-start gap-2.5">
                   <p>{getEmoji(data.content)}</p>
                   <p className="font-bold text-gray6">{data.content}</p>

diff --git a/src/components/Plan/PlanEditItemBox.tsx b/src/components/Plan/PlanEditItemBox.tsx
@@ -140,8 +140,8 @@ const PlanEditItemBox = ({
                           />
                           <div className="flex h-[88px] w-full flex-col px-[10px] py-[8px]">
                             <div className="flex text-left text-[14px] font-medium text-black">
-                              {item.name.length > 17
-                                ? item.name.slice(0, 17) + '...'
+                              {item.name.length > 16
+                                ? item.name.slice(0, 16) + '...'
                                 : item.name}
                             </div>
                             <div className="mb-[11px] mt-[4px] flex h-[16px] w-fit items-center justify-center rounded-[3px] bg-[#ededed] px-[4px] py-[8px] text-center text-[11px] text-black">

diff --git a/src/components/Plan/PlanItemBox.tsx b/src/components/Plan/PlanItemBox.tsx
@@ -84,8 +84,8 @@ const PlanItemBox = ({
                 />
                 <div className="flex h-[88px] w-full flex-col px-[10px] py-[8px]">
                   <div className="text-left text-[14px] font-medium text-black">
-                    {item.name.length > 19
-                      ? item.name.slice(0, 19) + '...'
+                    {item.name.length > 16
+                      ? item.name.slice(0, 16) + '...'
                       : item.name}
                   </div>
                   <div className="mb-[11px] mt-[4px] flex h-[16px] w-fit items-center justify-center rounded-[3px] bg-[#ededed] px-[4px] py-[8px] text-center text-[11px] text-black">