.sendReserve-txt{
|
display: flex;
|
justify-content: center;
|
margin-top: 10px;
|
margin-bottom: 26px;
|
}
|
|
//drawer最底下文字樣式
|
.qa-dialog-footer{
|
display: flex;
|
justify-content: center;
|
margin-bottom: 81px;
|
color: #ED1B2E;
|
cursor: pointer;
|
}
|
|
//送出按鈕樣式與排版
|
.ques-footer{
|
justify-content: center;
|
margin: 30px 0;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
.el-button {
|
width: 120px;
|
height:50px;
|
background-color: #ED1B2E;
|
color:#FFFFFF;
|
font-weight: normal;
|
@extend .text--middle ;
|
&.el-button--default {
|
color: $PRIMARY_RED;
|
background-color: #FFFFFF;
|
border-color: $PRIMARY_RED;
|
}
|
&.el-button--primary {
|
background-color: $PRIMARY_RED;
|
border-color: $PRIMARY_RED;
|
}
|
&.is-disabled {
|
color: $PRIMARY_WHITE;
|
background-color: $MID_GREY;
|
border-color: $MID_GREY;
|
border-style: solid;
|
pointer-events: none;
|
}
|
}
|
}
|
|
//詳細問題drawer中間內容空間大小設置
|
.qa-dialog{
|
overflow-y:auto;
|
height: 500px;
|
margin-top: 20px;
|
}
|
|
//詳細問題drawer主要標題
|
.qaTextTitle{
|
margin-top:30px;
|
display: flex;
|
justify-content: center;
|
}
|
|
.el-button+.el-button{
|
margin-left: 0;
|
}
|
|
.datepicker{
|
display: flex;
|
flex-direction: column;
|
}
|
|
.required {
|
position: relative;
|
&::before {
|
content: '*';
|
position: absolute;
|
color: #FF0000;
|
transform: translate(-12px, 0);
|
}
|
}
|
|
.ques-page--reset.pam-page-container {
|
margin: 0px auto;
|
}
|
|
.ques-header {
|
position: relative;
|
}
|
|
.ques-header__mob-banner {
|
width: 100%;
|
min-height: 80px;
|
background-color: #F8F9FA;
|
background-image: url('~/assets/images/questionnaire/reserve_bg_mob.svg');
|
background-repeat: no-repeat;
|
background-size: cover;
|
background-position: center;
|
}
|
|
.ques-header__info {
|
position: relative;
|
padding:30px 20px;
|
margin: 0px 20px;
|
background-color: #B3E7E3;
|
border-radius: 10px;
|
}
|
|
.ques-header__input-block {
|
display: flex;
|
align-items: center;
|
@extend .text--middle,.mt-10 ;
|
.ques-header__input{
|
&.is-invalid{
|
border: 2px solid $PRIMARY_RED !important;
|
}
|
flex: 1;
|
height: 50px;
|
border-radius: 10px;
|
border: 1px #CCCCCC solid;
|
background-color: $PRIMARY_WHITE;
|
padding: 15px 10px;
|
box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
}
|
}
|
|
.ques-container {
|
position: relative;
|
margin: 0px 20px;
|
}
|
|
|
@include desktop{
|
.ques-header{
|
display: flex;
|
justify-content: flex-end;
|
min-height: 460px;
|
background-image: url('~/assets/images/questionnaire/reserve_bg_web.svg');
|
background-repeat: no-repeat;
|
background-size: contain;
|
background-position: bottom;
|
}
|
.ques-header__mob-banner{
|
display: none;
|
}
|
.ques-header__info{
|
margin: 30px 20px;
|
width:500px;
|
min-height: 400px;
|
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
box-sizing: border-box;
|
}
|
.ques-container{
|
margin: 0px;
|
}
|
}
|
