Skip to content

Commit b34e19d

Browse files
committed
fix: 공연 내용이 짧을 때의 스타일링 수정
1 parent 63f766c commit b34e19d

File tree

2 files changed

+4
-3
lines changed

2 files changed

+4
-3
lines changed

packages/ui/src/components/ShowPreview/ShowInfoDetail.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -82,11 +82,11 @@ const ShowInfoDetail = ({
8282
{salesStartTime} - {salesEndTime}
8383
</Styled.ShowInfoDescription>
8484
</Styled.ShowInfoGroup>
85-
<Styled.ShowInfoGroup style={{ paddingBottom: 0 }}>
85+
<Styled.ShowInfoGroup style={{ paddingBottom: isOverflow ? '0' : '32px' }}>
8686
<Styled.ShowInfoTitleContainer>
8787
<Styled.ShowInfoTitle>내용</Styled.ShowInfoTitle>
8888
</Styled.ShowInfoTitleContainer>
89-
<Styled.ShowInfoDescription collapse={collapse} ref={showNoticeRef}>
89+
<Styled.ShowInfoDescription collapse={isOverflow ? collapse : false} ref={showNoticeRef}>
9090
<ShowInfoDescription content={notice} />
9191
</Styled.ShowInfoDescription>
9292
{isOverflow && (

packages/ui/src/components/ShowPreview/ShowPreview.styles.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -230,7 +230,8 @@ const ShowInfoDescription = styled.div<ShowInfoDescriptionProps>`
230230
collapse && `
231231
display: block;
232232
overflow: hidden;
233-
height: 300px;
233+
height: 100%;
234+
max-height: 300px;
234235
235236
&::after {
236237
content: '';

0 commit comments

Comments
 (0)