Merge branch 'refactor/separate-vue' of ssh://192.168.0.10:29418/pcalife/PA...

Tomas

2021-12-09 ac235850a9287dae6977c964213176fa7c86b140

 PAMapp/pages/recommendConsultant/recommend-consultant.component.scss

比對新檔案
@@ -0,0 +1,291 @@

.pam-rec-consultant-page {
  .rec-pop-container{
    width:310px;
    .rec-pop-options{
      .el-checkbox-group{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        .el-checkbox{
          width:90px;
          height: 50px;
          padding:0;
          .el-checkbox__label{
            justify-content: center;
            align-items: center;
            display: flex;
            padding:15px 20px;
            text-align: center;
          }
        }
        .pam-selectAll-btn{
          margin-top: 60px;
          margin-left:-203px;
          height: 50px;
          width: 90px;
          padding: 10px;
        }

      }
    }

  }
  .rec-multi-select{
    .el-checkbox-group {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
  }

  input:focus,
  textarea:focus {
    outline: none;
  }

  .input {
    border: none;
    width: 90%;
    border-radius: 10px;
  }

  .job-pick {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #D0D0CE;
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
  }

  .down-icon {
    color: #ED1B2E;
    font-size: 25px;
    align-self: center;
    margin-right: 15px;
  }

  .popOtherBtn {
    margin-left: -190px;
    margin-top: 45px;
  }

  .genderBtn {
    width: 80px;
    height: 47px;
    display: contents;
  }

  .qa-dialog {
    overflow-y: auto;
    height: 500px;
    margin-top: 20px;
    text-align: justify;
  }

  .qaTextTitle {
    margin-top: 30px
  }

  .qa-dialog-footer {
    display: flex;
    justify-content: center;
    margin-bottom: 81px;
    color: #ED1B2E;
    cursor: pointer;
  }

  .el-drawer__container ::-webkit-scrollbar {
    display: none;
  }
  .el-button+.el-button {
    margin-left: 0;
  }

  .seniority-choice {
    display: flex;
    flex-wrap: wrap;
  }

  .area-choice {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #D0D0CE;
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
  }

  .area-icon {
    color: #ED1B2E;
    font-size: 25px;
    display: flex;
    justify-content: flex-end;
    padding-right: 16px;
    padding-top: 11px;
  }

  input::-webkit-input-placeholder {
    font-size: 20px;
    padding-left: 10px;
  }

  .el-button.is-disabled {
    font-size: 20px;
    border-radius: 20px;
    color: #FFFFFF;
    background-color: #A7A8AA;
    border: 1px solid #A7A8AA;
  }

  .rec-footer {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .other-PopBtn {
    width: 90px;
    height: 47px;
    margin-top: 10px;
  }



  .rec-ques-location {
    display: flex;
    align-items: center;
  }

  .pop-tag {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;

  }

  .rec-popular {
    display: flex;
    align-items: baseline;
    padding-top: 10px;
    margin-bottom: 10px;
  }

  .rec-btn-type {
    padding-bottom: 10px;
  }

  .rec-question {
    display: flex;
    flex-direction: column;

  }

  .rec-banner {
    height: 120px;
    background-color: #D0D0CE;

  }

  .rec-btn {
    font-size: 20px;
    border-radius: 20px;
    color: black;
    border: 1px solid #D0D0CE;
  }

  .rec-pop-btn {
    font-size: 20px;
    border-radius: 20px;
    color: black;
    margin: 0px 0px 10px 10px;
    border: 1px solid #D0D0CE;
    width: 90px;
    height: 47px;
  }

  .el-progress__text {
    display: none;
  }

  .el-progress-bar {
    padding-right: 0;
  }

  .el-progress-bar__inner {
    background-color: #ED1B2E;
  }

  .required {
    position: relative;

    &::before {
      content: '*';
      position: absolute;
      color: #FF0000;
      transform: translate(-12px, 0);
      z-index: 5;
    }
  }

  .area-txt {
    display: flex;
    align-items: center;
    margin-left: 18px;
  }

  @include desktop {

    .desktopBtn {
      margin-right: 10px;
      height: 47px
    }

    .popOtherBtn {
      margin-left: 10px;
      margin-top: -10px;
    }

    .rec-pop-container{
      width:auto;
    .rec-pop-options{
      .el-checkbox-group{
        display: flex;
        flex-wrap:wrap;
        flex-direction: none;
        .el-checkbox{
          width:90px;
          height: 50px;
          padding:0;
          .el-checkbox__label{
            justify-content: center;
            align-items: center;
            display: flex;
            padding:15px 20px;
            text-align: center;
          }
        }
        .pam-selectAll-btn{
          margin-top:0px;
          margin-left:0px;
          height: 50px;
          width: 90px;
          padding: 10px;
        }
      }
    }

  }

    .rec-multi-select{
    .el-checkbox-group {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      flex-wrap: wrap;
    }
  }
  }
}