carousel fixed new version

creativetimofficial · Feb 12, 2019 · 6b7e757 · 6b7e757
1 parent ca05dde
commit 6b7e757
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git 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
@@ -9,7 +9,7 @@
                 <div class="md-toolbar-section-start">
                   <h3 class="md-title">Brand</h3>
                   <md-list>
-                    <md-list-item to="/">
+                    <md-list-item href="#/">
                       <p>Link</p>
                     </md-list-item>
 
@@ -58,7 +58,7 @@
 
                   <div class="md-collapse">
                     <md-list>
-                      <md-list-item to="/">
+                      <md-list-item href="#/">
                         <p>Discover</p>
                       </md-list-item>
 
@@ -90,7 +90,7 @@
 
                   <div class="md-collapse">
                     <md-list>
-                      <md-list-item to="/">
+                      <md-list-item href="#/">
                         <md-icon>explore</md-icon>
                         <p>Discover</p>
                       </md-list-item>

diff --git a/src/views/components/SmallNavigationSection.vue b/src/views/components/SmallNavigationSection.vue
@@ -11,7 +11,7 @@
               <div class="md-toolbar-section-start">
                 <h3 class="md-title">Menu</h3>
                 <md-list>
-                  <md-list-item to="/">
+                  <md-list-item href="#/">
                     <p>Link</p>
                   </md-list-item>