保誠-保戶業務員媒合平台
Tomas
2022-03-09 e02d6534d2dba4b8adcbb80e37cc77bf8bddd26c
PAMapp/components/Appointment/AppointmentProgress.vue
@@ -52,10 +52,10 @@
        break;
      case 'done':
        step = 3;
        break;
        break;
      case 'closed':
        step = 3;
        break;
        break;
      case 'cancel':
        step = 3;
        break;
@@ -90,28 +90,28 @@
.appointment-progress{
  display: flex;
  .appointment-progress__indicator {
    justify-content: space-between;
    display        : flex;
    align-items    : center;
    display        : flex;
    justify-content: space-between;
    position       : relative;
    .circle {
      width           : 8px;
      height          : 8px;
      border-radius   : 50%;
      background-color: white;
      border          : 1px solid #CCCCCC;
      border-radius   : 50%;
      height          : 8px;
      margin          : 0;
      z-index         : 50;
      border          : 1px solid #707070;
      width           : 8px;
      z-index         : 5;
      &.activate {
        background-color: $PRIMARY_BLACK;
        background-color: $BEIGE;
      }
    }
    .line {
      position        : absolute;
      height          : 3px;
      width           : 90%;
      left            : 5%;
      background-color: #707070;
      height          : 3px;
      left            : 5%;
      position        : absolute;
      width           : 90%;
    }
  }
}