[try saying]

- padding , height, line-height 수정 처리.(버블메세지)
This commit is contained in:
junghoon86.park
2025-10-29 12:24:42 +09:00
parent 04b7a06118
commit a70af7fdf4

View File

@@ -1,5 +1,5 @@
// src/views/SearchPanel/VoiceInputOverlay/modes/VoicePromptScreen.module.less
@import "../../../../style/CommonStyle.module.less";
@import '../../../../style/CommonStyle.module.less';
.container {
width: 642px;
@@ -19,7 +19,7 @@
text-align: center;
color: white;
font-size: 42px;
font-family: "LG Smart UI";
font-family: 'LG Smart UI';
font-weight: 700;
line-height: 42px;
word-wrap: break-word;
@@ -35,13 +35,17 @@
.bubbleMessage {
margin-bottom: 15px;
padding: 20px 30px;
padding: 0px 30px;
height: 62px;
line-height: 62px;
background: rgba(68, 68, 68, 0.5);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.35);
border-radius: 1000px;
// 낮은 Chromium 버전 호환성을 위해 outline을 border-box-shadow로 대체
border: 2px solid rgba(251, 251, 251, 0.2);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(251, 251, 251, 0.2);
box-shadow:
0px 10px 30px rgba(0, 0, 0, 0.35),
0 0 0 2px rgba(251, 251, 251, 0.2);
display: flex;
flex-direction: row;
justify-content: center;
@@ -53,7 +57,9 @@
background: rgba(88, 88, 88, 0.6);
// outline: 4px rgba(251, 251, 251, 0.3) solid;
border: 2px solid rgba(251, 251, 251, 0.3);
box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.45), 0 0 0 2px rgba(251, 251, 251, 0.3);
box-shadow:
0px 12px 35px rgba(0, 0, 0, 0.45),
0 0 0 2px rgba(251, 251, 251, 0.3);
transform: translateY(-2px);
}
@@ -62,7 +68,9 @@
// outline: 2px solid @PRIMARY_COLOR_RED;
// outline-offset: -2px;
border: 2px solid @PRIMARY_COLOR_RED;
box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.55), 0 0 0 2px @PRIMARY_COLOR_RED;
box-shadow:
0px 15px 40px rgba(0, 0, 0, 0.55),
0 0 0 2px @PRIMARY_COLOR_RED;
transform: translateY(-3px);
}
}
@@ -71,7 +79,7 @@
text-align: center;
color: #eaeaea;
font-size: 24px;
font-family: "LG Smart UI";
font-family: 'LG Smart UI';
font-weight: 700;
line-height: 24px;
white-space: nowrap;