[howaboutthese] 하단부 패딩으로 인한 글자 짤림 수정

- 패딩제거 하고 height, line-height로 수정. padding은 좌우로만 적용되도록 처리.
This commit is contained in:
junghoon86.park
2025-10-24 09:58:13 +09:00
parent 25b038e304
commit 1f2f8ed8a4

View File

@@ -62,6 +62,9 @@
.bubblesContainer {
width: 1200px;
height: 64px;
display: inline-flex;
justify-content: flex-start;
align-items: center;
> div {
> div {
display: flex;
@@ -77,13 +80,10 @@
.bubble {
flex: none;
margin-right: 15px;
padding: 16px;
background: white;
border-radius: 100px;
border: 4px solid #dadada;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
cursor: pointer;
width: 300px;
.elip(@clamp:1);
@@ -127,6 +127,7 @@
}
.bubbleText {
padding: 0 16px;
text-align: center;
color: black;
font-size: 24px;
@@ -136,6 +137,8 @@
white-space: nowrap; // ✨ 텍스트를 한 줄로 유지
text-overflow: ellipsis; // ✨ 넘치는 부분 "..." 표시
overflow: hidden; // ✨ 넘친 부분 숨김
height: 64px;
line-height: 64px;
}
/* See More Button */