Design: (코드리뷰 반영) 콜렉션 리스트 스타일 수정

8-Sprinters · Oct 25, 2024 · 9a135bd · 9a135bd
1 parent 0abbd6e
commit 9a135bd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/app/collection/[folderId]/_components/Collections.css.ts b/src/app/collection/[folderId]/_components/Collections.css.ts
@@ -84,6 +84,9 @@ export const items = style({
 const item = style({
   padding: '0.45rem 0.62rem',
   borderRadius: 18,
+  display: 'flex',
+  gap: 2,
+  alignItems: 'center',
 });
 
 export const itemVariant = styleVariants({

diff --git a/src/app/collection/[folderId]/_components/Collections.tsx b/src/app/collection/[folderId]/_components/Collections.tsx
@@ -40,12 +40,15 @@ export default function Collections({ folderId }: CollectionsProps) {
             <div className={styles.category}>{list.category}</div>
             <div className={styles.info}>
               <h3 className={styles.title[hasImage ? 'white' : 'black']}>{list.title}</h3>
-              <p className={styles.owner[hasImage ? 'white' : 'black']}>Sehui Park</p>
+              <p className={styles.owner[hasImage ? 'white' : 'black']}>{list.ownerNickname}</p>
             </div>
             <ul className={styles.items}>
               {list.listItems.map((item) => (
                 <li key={item.id} className={styles.itemVariant[hasImage ? 'blue' : 'white']}>
-                  <span>{item.rank}</span>
+                  <span>
+                    {item.rank}
+                    {`.`}
+                  </span>
                   <span>{item.title}</span>
                 </li>
               ))}