feat: 오늘의 리뷰 컴포넌트 스타일 수정

fun-eat · Apr 19, 2024 · e6422c7 · e6422c7
1 parent cb1b103
commit e6422c7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/src/components/Rank/ReviewRankingItem/ReviewRankingItem.tsx b/src/components/Rank/ReviewRankingItem/ReviewRankingItem.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import { reviewContent, reviewImage, reviewTitle, tagList, tag, tagName } from './reviewRankingItem.css';
+import { reviewImage, tagList, tag, tagName, reviewContent } from './reviewRankingItem.css';
 
 import { Text } from '@/components/Common';
 import { REVIEW_CARD_DEFAULT_IMAGE_URL } from '@/constants/image';
@@ -23,9 +23,13 @@ const ReviewRankingItem = ({ productName, content, tags, image }: ReviewRankingI
     <div>
       <img src={image ?? REVIEW_CARD_DEFAULT_IMAGE_URL} className={reviewImage} alt={productName} />
       <div style={{ height: '8px' }} />
-      <p className={reviewTitle}>{productName}</p>
-      <div style={{ height: '6px' }} />
-      <p className={reviewContent}>{content}</p>
+      <Text color="sub" size="caption2" weight="semiBold">
+        {productName}
+      </Text>
+      <div style={{ height: '4px' }} />
+      <Text color="info" size="caption4" className={reviewContent}>
+        {content}
+      </Text>
       <div style={{ height: '10px' }} />
       <ul className={tagList}>
         {tagToDisplay.map(({ id, name }) => (

diff --git a/src/components/Rank/ReviewRankingItem/reviewRankingItem.css.ts b/src/components/Rank/ReviewRankingItem/reviewRankingItem.css.ts
@@ -10,15 +10,7 @@ export const reviewImage = style({
   aspectRatio: '164 / 90',
 });
 
-export const reviewTitle = style({
-  fontSize: 13,
-  fontWeight: 600,
-  color: '#3d3d3d',
-});
-
 export const reviewContent = style({
-  fontSize: 11,
-  color: '#808080',
   display: '-webkit-inline-box',
   textOverflow: 'ellipsis',
   overflow: 'hidden',