update: 調整顏色變數名稱

Tomas

2021-11-01 c40e0c01b6df46dabd6b5130ddef1b4dad7ed058

 PAMapp/components/Consultant/ConsultantCard.vue

@@ -19,7 +19,7 @@
                    </el-col>
                    <el-col class="flex_column" :xs="9" :sm="6">
                        <el-button
                            class="smTxt_bold btn"
                            class="smTxt_bold outline_btn"
                            @click="reserveCommunication"
                            :class="{'reservedBtn': agentInfo.reserve}"
                        >{{ agentInfo.reserve ? '已預約' : '進行預約'}}</el-button>
@@ -47,7 +47,6 @@
    }

    @Emit('removeAgent') removeAgent() {
        console.log('removeAgent')
        return this.agentInfo.id;
    }
}
@@ -56,7 +55,7 @@
<style lang="scss" scoped>
    .rowStyle {
        padding: 10px;
        background-color: #FFFFFF;
        background-color: $PRIMARY_WHITE;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
@@ -65,7 +64,7 @@
            width: 10px;
            height: 10px;
            border-radius: 50px;
            background-color: #F2C75C;
            background-color: $YELLOW;
            margin: auto 0;
        }

@@ -81,7 +80,7 @@

            &:before {
                content: '\2605';
                color: #ED1B2E;
                color: $PRIMARY_RED;
                margin: 5px;
            }
        }
@@ -98,27 +97,20 @@
        }

        .delete {
            color: #ED1B2E;
            color: $PRIMARY_RED;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
        }

        .btn {
            color: #ED1B2E;
            border: solid 2px;
            border-radius: 30px;
            padding: 10px 16px;
        }

        .reservedBtn {
            color: #009CBD;
            color: $SKY_BLUE;
            cursor: auto;

            &:hover {
                color: #009CBD;
                border-color: #009CBD;
                background-color: #ffffff;
                color: $SKY_BLUE;
                border-color: $SKY_BLUE;
                background-color: $PRIMARY_WHITE;
            }
        }

@@ -136,4 +128,4 @@
        justify-content: space-between;
    }

</style>
</style>