update: TODO#132409 調整年資btn樣式

Mila

2021-12-23 44a2b26932910f69a233c2ae437bcdd0bd0a78c6

 PAMapp/components/QuickFilter/QuickFilterSelector.vue

@@ -212,17 +212,36 @@
                font-size: 20px;
                font-weight: bold;
                color: $PRIMARY_BLACK;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                cursor: pointer;

                .subtitle {
                    font-size: 16px;
                    font-weight: lighter;
                    @extend .smTxt_bold;
                    color: $PRUDENTIAL_GREY;
                }

                &.btn_unlimited {
                    background-image: url('~/assets/images/quickFilter/btn_unlimited.svg');
                }

                &.btn_senior {
                    background-image: url('~/assets/images/quickFilter/btn_senior.svg');
                }

                &.btn_young {
                    background-image: url('~/assets/images/quickFilter/btn_young.svg');
                }
            }

            .el-radio-input:checked ~ .el-radio-label {
                background-color: $PEACH;
                color: $PRIMARY_WHITE;
                .subtitle {
                    color: $PRIMARY_WHITE;
                    font-weight: lighter;
                }
            }
        }
    }