fix: line overflow issue causing text not to wrap (#52)

daodaoedu · Jun 10, 2024 · bcba472 · bcba472
1 parent 33b9641
commit bcba472
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/components/Group/detail/OrganizerCard.jsx b/components/Group/detail/OrganizerCard.jsx
@@ -30,6 +30,7 @@ const StyledText = styled.div`
   font-weight: 400;
   color: #536166;
   white-space: pre-wrap;
+  word-break: break-word;
 `;
 
 const StyledTag = styled.div`

diff --git a/components/Profile/MyGroup/GroupCard.styled.jsx b/components/Profile/MyGroup/GroupCard.styled.jsx
@@ -10,6 +10,7 @@ export const StyledText = styled.div`
   overflow: hidden;
   color: ${(props) => props.color || '#536166'};
   font-size: ${(props) => props.fontSize || '14px'};
+  word-break: break-word;
 `;
 
 export const StyledTitle = styled.h2`