[ Update ] :新增Banner 文字，以及各區塊背景設定，修正 element button hover 顏色

劉鈞霖

2021-11-15 0dd47f20adb82f7c6968d9c1077e91625f27bc69

 PAMapp/assets/scss/vendors/elementUI/_button.scss

@@ -1,4 +1,3 @@

.el-button {
  border-width: 2px;
  border-radius: 30px;
@@ -12,5 +11,79 @@
  &.el-button--primary {
    background-color: $PRIMARY_RED;
    border-color: $PRIMARY_RED;

  }
  &+.el-button {
    margin-left: 20px;
  }
  &.is-disabled {
    color: $PRIMARY_WHITE;
    background-color: $MID_GREY;
    border-color: $MID_GREY;
    &:hover{
      background-color: $MID_GREY;
      border-color: $MID_GREY;
    }
  }
}

.pam-tags {
  .el-button {
    @extend .text--middle;
    @extend .text--regular;
    &.el-button--default {
      color: $PRIMARY_BLACK;
      background-color: $PRIMARY_WHITE;
      border-color: $LIGHT_GREY;
    }
    &.el-button--primary {
      background-color: $PRIMARY_RED;
      border-color: $PRIMARY_RED;
    }
    &.active {
      background-color: $CORAL;
      color: $PRIMARY_WHITE;
    }
  }
}
.pam-tags {

  .el-button {
  border-width: 2px;
  border-radius: 30px;
  padding: 10px 20px;
  font-weight: normal;
  @extend .fz-20;
  &.el-button--default {
      color: black;
      background-color: #FFFFFF;
      border-color: #D0D0CE;
  }
  &.el-button--primary {
      background-color: $PRIMARY_RED;
      border-color: #D0D0CE;
  }
  &.active {
      background-color: #F09491;
      color: white;
  }
  }
}

.pam-select-confirm{
  border-width: 1px;
  border-radius: 30px;
  padding: 10px 40px;
  &.el-button--primary {
    background-color: $PRIMARY_RED;
    border-color:  $PRIMARY_RED;
    border-style: solid;
  }
  &.is-disabled {
    color: $PRIMARY_WHITE;
    background-color: $MID_GREY;
    border-color: $MID_GREY;
    border-style: solid;
    pointer-events: none;
  }
}