[howaboutthese] 스타일변경

- 마퀴부분 오른쪽 mask처리.
This commit is contained in:
junghoon86.park
2025-10-27 14:21:09 +09:00
parent 5c06faa043
commit 4c1f0952cf

View File

@@ -1,5 +1,5 @@
@import "../../../style/CommonStyle.module.less";
@import "../../../style/utils.module.less";
@import '../../../style/CommonStyle.module.less';
@import '../../../style/utils.module.less';
.container {
width: 100%;
@@ -54,7 +54,7 @@
.title {
color: #272727;
font-size: 24px;
font-family: "Roboto", sans-serif;
font-family: 'Roboto', sans-serif;
font-weight: 700;
white-space: nowrap; // ⭐ 1줄로 표시
line-height: 1; // 텍스트 높이 조정
@@ -68,6 +68,8 @@
overflow: hidden;
position: relative;
margin: 0 19px;
-webkit-mask-image: linear-gradient(to right, black 95%, transparent 100%);
mask-image: linear-gradient(to right, black 95%, transparent 100%);
}
.bubblesTrack {
@@ -139,7 +141,7 @@
.bubbleText {
color: black;
font-size: 24px;
font-family: "LG Smart UI", sans-serif;
font-family: 'LG Smart UI', sans-serif;
font-weight: 700;
white-space: nowrap;
}
@@ -171,7 +173,7 @@
text-align: center;
color: white;
font-size: 24px;
font-family: "LG Smart UI", sans-serif;
font-family: 'LG Smart UI', sans-serif;
font-weight: 700;
line-height: 24px;
word-wrap: break-word;