diff --git a/src/assets/scss/material-kit/_carousel.scss b/src/assets/scss/material-kit/_carousel.scss index c4d53e3d1..6938485b1 100644 --- a/src/assets/scss/material-kit/_carousel.scss +++ b/src/assets/scss/material-kit/_carousel.scss @@ -8,11 +8,12 @@ border-radius: $border-radius-large; } -.VueCarousel-dot-button { - display: inline-block; +.VueCarousel-dot { width: 10px !important; height: 10px !important; - border: 1px solid #fff !important; + padding: 0 !important; + margin: 10px; + border: 1px solid #fff; background: #FFF !important; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2); border-radius: 2px !important; @@ -23,7 +24,7 @@ } } -.VueCarousel-dot--active .VueCarousel-dot-button { +.VueCarousel-dot--active { margin-top: 10px; transform: scale(1.5); box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); diff --git a/src/views/components/NavigationSection.vue b/src/views/components/NavigationSection.vue index 774a4879f..d2ff66e0a 100644 --- a/src/views/components/NavigationSection.vue +++ b/src/views/components/NavigationSection.vue @@ -9,7 +9,7 @@