♻️refactor: Contents.style.js - 글자 수 넘치면 ...으로 변경되도록 리팩토링

#54
CheatSOL · Jun 20, 2024 · 3826b65 · 3826b65
1 parent 976d803
commit 3826b65
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/pages/main/contents-item/Contents.style.js b/src/pages/main/contents-item/Contents.style.js
@@ -43,7 +43,14 @@ export const Contents = styled.div`
 `;
 
 // Title & SubTitle & MiniTitle
-export const StyledContentsTitle = styled.div``;
+export const StyledContentsTitle = styled.div`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: center;
+  font-size: 18px;
+  width: 10vw;
+`;
 export const StyledContentsSubTitle = styled.div``;
 export const StyledContentsMiniTitle = styled.div`
   display: flex;