diff --git a/src/assets/img/icons/button-spinner-green.svg b/src/assets/img/icons/button-spinner-blue.svg similarity index 91% rename from src/assets/img/icons/button-spinner-green.svg rename to src/assets/img/icons/button-spinner-blue.svg index 2ee9031dd..57185260c 100644 --- a/src/assets/img/icons/button-spinner-green.svg +++ b/src/assets/img/icons/button-spinner-blue.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/scss/components/_SelectCar.scss b/src/assets/scss/components/_SelectCar.scss deleted file mode 100644 index 541fe8960..000000000 --- a/src/assets/scss/components/_SelectCar.scss +++ /dev/null @@ -1,61 +0,0 @@ -.select-car { - height: 100vh; - - .select-car-form { - background: $white; - height: 100%; - - form { - height: calc(100% - 230px); - overflow-y: scroll; - overflow-x: hidden; - } - - .car_list, .current_car_info-text, .needed_car_info-text { - flex-shrink: 0; - width: 100%; - position: relative; - transition: transform .3s; - } - } - - .current_car_info { - position: relative; - min-height: 2.5rem; - - .current_car_info-text { - position: absolute; - } - } -} - -.slide-enter-from { - opacity: 0; - transform: translateX(30vw); -} -.slide-enter-active, .slide-leave-active { - transition: all .4s; -} -.slide-leave-to { - opacity: 0; - transform: translateX(-30vw); -} - -.slide_reverse-enter-from { - opacity: 0; - transform: translateX(-30vw); -} -.slide_reverse-enter-active, .slide_reverse-leave-active { - transition: all .4s; -} -.slide_reverse-leave-to { - opacity: 0; - transform: translateX(30vw); -} - -.fade-enter-from, .fade-leave-to { - opacity: 0; -} -.fade-enter-active, .fade-leave-active { - transition: all .5s ease; -} \ No newline at end of file diff --git a/src/assets/scss/components/_navbar.scss b/src/assets/scss/components/_navbar.scss deleted file mode 100644 index bbfc86d68..000000000 --- a/src/assets/scss/components/_navbar.scss +++ /dev/null @@ -1,6 +0,0 @@ -.navbar { - .logo { - width: 114px; - height: auto; - } -} diff --git a/src/assets/scss/components/_vehicle-image.scss b/src/assets/scss/components/_vehicle-image.scss deleted file mode 100644 index 85bb7319a..000000000 --- a/src/assets/scss/components/_vehicle-image.scss +++ /dev/null @@ -1,6 +0,0 @@ -.vehicle-image { - padding: 6px; - &.blur { - filter: blur(6px); - } -} diff --git a/src/styles/commonStyles.scss b/src/styles/commonStyles.scss index 3a99fe61c..37dab947c 100644 --- a/src/styles/commonStyles.scss +++ b/src/styles/commonStyles.scss @@ -103,14 +103,14 @@ caption { } } } - } - &:disabled { - background: $gray-100 !important; - background: linear-gradient(270deg, $gray-100 0%, $gray-100 100%) !important; - color: $gray !important; - height: 48px; - border: none; - border-radius: $border-radius-lg; + &:disabled { + background: $gray-100 !important; + background: linear-gradient(270deg, $gray-100 0%, $gray-100 100%) !important; + color: $gray !important; + height: 48px; + border: none; + border-radius: $border-radius-lg; + } } &.list-button { position: relative; @@ -127,7 +127,7 @@ caption { &.button-loader { padding: 0 40px 0 12px; &:after { - content: url(../../assets/img/icons/button-spinner-green.svg); + content: url(../../assets/img/icons/button-spinner-blue.svg); position: absolute; right: 14px; width: 16px; @@ -143,3 +143,66 @@ caption { } } } + +// SelectCar styles +.select-car { + height: 100vh; + + .select-car-form { + background: $white; + height: 100%; + + form { + height: calc(100% - 230px); + overflow-y: scroll; + overflow-x: hidden; + } + + .car_list, .current_car_info-text, .needed_car_info-text { + flex-shrink: 0; + width: 100%; + position: relative; + transition: transform .3s; + } + } + + .current_car_info { + position: relative; + min-height: 2.5rem; + + .current_car_info-text { + position: absolute; + } + } +} + +.slide-enter-from { + opacity: 0; + transform: translateX(30vw); +} +.slide-enter-active, .slide-leave-active { + transition: all .4s; +} +.slide-leave-to { + opacity: 0; + transform: translateX(-30vw); +} + +.slide_reverse-enter-from { + opacity: 0; + transform: translateX(-30vw); +} +.slide_reverse-enter-active, .slide_reverse-leave-active { + transition: all .4s; +} +.slide_reverse-leave-to { + opacity: 0; + transform: translateX(30vw); +} + +.fade-enter-from, .fade-leave-to { + opacity: 0; +} +.fade-enter-active, .fade-leave-active { + transition: all .5s ease; +}