From c20a0f1a1dbaa23d1b073f9a9377cac5d572f277 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期四, 23 十二月 2021 15:10:18 +0800
Subject: [PATCH] fixed TODO#131357 進行預約: 職業選擇畫面調整
---
PAMapp/assets/scss/vendors/elementUI/_radio.scss | 34 +++++++++++++++++++++++++++-------
1 files changed, 27 insertions(+), 7 deletions(-)
diff --git a/PAMapp/assets/scss/vendors/elementUI/_radio.scss b/PAMapp/assets/scss/vendors/elementUI/_radio.scss
index 9dfe12d..83a6219 100644
--- a/PAMapp/assets/scss/vendors/elementUI/_radio.scss
+++ b/PAMapp/assets/scss/vendors/elementUI/_radio.scss
@@ -50,18 +50,20 @@
}
}
-.pam-single__select--col{
+.pam-single__select--col {
width: 100%;
display: flex;
- flex-direction: column;
+ margin-top: 30px;
.el-radio-button{
@extend .fix-chrome-click--issue;
- width: 100%;
- margin-top: 30px;
+ margin-right: 10px;
+
&.is-active{
.el-radio-button__inner{
- color:$DARK_BLUE;
font-weight: bolder;
+ background-color: $CORAL;
+ color: $PRIMARY_WHITE;
+ transition: 0s;
}
}
&:focus:not(.is-focus):not(:active):not(.is-disabled){
@@ -72,9 +74,11 @@
color:$PRIMARY_BLACK; ;
background-color:$PRIMARY_WHITE;
box-shadow: none;
- width: 100%;
font-size: 20px;
font-weight: normal;
+ transition: 0s;
+ border: 1px $LIGHT_GREY solid;
+ border-radius: 50px;
}
}
}
@@ -89,6 +93,22 @@
background-image: url('~/assets/images/quickFilter/btn_man.svg');
}
}
+.btn_unlimited {
+ .el-radio__label {
+ background-image: url('~/assets/images/quickFilter/btn_unlimited.svg');
+ }
+}
+.btn_senior {
+ .el-radio__label {
+ background-image: url('~/assets/images/quickFilter/btn_senior.svg');
+ }
+}
+.btn_young {
+ .el-radio__label {
+ background-image: url('~/assets/images/quickFilter/btn_young.svg');
+ }
+}
+
.pam-single-btn.el-radio-group{
.el-radio {
padding: 10px 20px;
@@ -124,5 +144,5 @@
}
}
}
-}
+ }
}
--
Gitblit v1.8.0