c3f18c8aef
- MobileSentPopUp/SMSNumKeyPad 컴포넌트 추가,UI 스타일 적용 - TPopUp kind="mobileSendPopup" 추가 - TPopUp mobileSendPopup UI 스타일 적용
87 lines
1.9 KiB
Plaintext
87 lines
1.9 KiB
Plaintext
@import "../../style/CommonStyle.module.less";
|
|
@import "../../style/utils.module.less";
|
|
|
|
.container {
|
|
.header {
|
|
position: relative;
|
|
&::after {
|
|
width: 100%;
|
|
height: 102px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 0;
|
|
background-color: @COLOR_SKYBLUE;
|
|
content: "";
|
|
}
|
|
display: flex;
|
|
> .productImg,
|
|
> .textBox {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
> .productImg {
|
|
margin: 30px -30px 0 60px;
|
|
|
|
> .img {
|
|
.border-solid(@size:1px,@color:#cccccc);
|
|
width: 132px;
|
|
height: 132px;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.smsTitle {
|
|
text-align: left;
|
|
font-size: 36px;
|
|
font-family: @baseFontBold;
|
|
line-height: normal;
|
|
color: @COLOR_BLACK;
|
|
padding: 30px 60px;
|
|
}
|
|
.subTitle {
|
|
text-align: left;
|
|
.font(@fontFamily:@baseFont,@fontSize: 28px);
|
|
color: @COLOR_GRAY06;
|
|
padding: 7px 60px 0 60px;
|
|
}
|
|
.price {
|
|
padding: 7px 60px 20px 60px;
|
|
.font(@baseFontBold,@fontSize:28px);
|
|
color: @PRIMARY_COLOR_RED;
|
|
}
|
|
}
|
|
.smsArea {
|
|
border-top: 1px solid #cccccc;
|
|
.flex(@justifyCenter: space-between, @alignCenter: flex-start);
|
|
padding-top: 25px;
|
|
|
|
.smsContainer {
|
|
.flex(@justifyCenter: space-between, @alignCenter: flex-start);
|
|
.smsNumLayer {
|
|
.inputNum {
|
|
height: 68px;
|
|
width: 100%;
|
|
.border-solid(@size:1px,@color:#cccccc);
|
|
}
|
|
min-width: 437px;
|
|
max-width: 497px;
|
|
margin: 0 70px 0 60px;
|
|
}
|
|
}
|
|
|
|
.instruction {
|
|
margin-right: 80px;
|
|
line-height: 1.3;
|
|
letter-spacing: -0.2px;
|
|
.font(@fontFamily:@baseFont,@fontSize: 24px);
|
|
text-align: left;
|
|
color: @COLOR_GRAY06;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
}
|