[try saying]
- padding , height, line-height 수정 처리.(버블메세지)
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user