From ac235850a9287dae6977c964213176fa7c86b140 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 09 十二月 2021 14:42:20 +0800
Subject: [PATCH] Merge branch 'refactor/separate-vue' of ssh://192.168.0.10:29418/pcalife/PAM into refactor/separate-vue

---
 PAMapp/pages/questionnaire/questionnaire.component.scss |  155 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 155 insertions(+), 0 deletions(-)

diff --git a/PAMapp/pages/questionnaire/questionnaire.component.scss b/PAMapp/pages/questionnaire/questionnaire.component.scss
new file mode 100644
index 0000000..49965a2
--- /dev/null
+++ b/PAMapp/pages/questionnaire/questionnaire.component.scss
@@ -0,0 +1,155 @@
+.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;
+    }
+  }
+}
+
+//閰喟敦���rawer銝剝�摰寧征��之撠身蝵�
+.qa-dialog{
+  overflow-y:auto;
+  height: 500px;
+  margin-top: 20px;
+}
+
+//閰喟敦���rawer銝餉����
+.qaTextTitle{
+  margin-top:30px;
+  display: flex;
+  justify-content: center;
+}
+
+.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;
+  }
+}

--
Gitblit v1.8.0