xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-23 12:14:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

carousel fixed new version

Browse Source
This commit is contained in:
Dragos 2019-02-12 11:08:16 +02:00
parent ca05dde708
commit 6b7e757b36
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/scss/material-kit/_carousel.scss
View File

@ -8,11 +8,12 @@
border-radius: $border-radius-large; border-radius: $border-radius-large;
} }
.VueCarousel-dot-button { .VueCarousel-dot {
display: inline-block;
width: 10px !important; width: 10px !important;
height: 10px !important; height: 10px !important;
border: 1px solid #fff !important; padding: 0 !important;
margin: 10px;
border: 1px solid #fff;
background: #FFF !important; 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); 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; border-radius: 2px !important;
@ -23,7 +24,7 @@
} }
} }
.VueCarousel-dot--active .VueCarousel-dot-button { .VueCarousel-dot--active {
margin-top: 10px; margin-top: 10px;
transform: scale(1.5); 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); 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);

6
src/views/components/NavigationSection.vue
View File

@ -9,7 +9,7 @@
<div class="md-toolbar-section-start"> <div class="md-toolbar-section-start">
<h3 class="md-title">Brand</h3> <h3 class="md-title">Brand</h3>
<md-list> <md-list>
<md-list-item to="/"> <md-list-item href="#/">
<p>Link</p> <p>Link</p>
</md-list-item> </md-list-item>
@ -58,7 +58,7 @@
<div class="md-collapse"> <div class="md-collapse">
<md-list> <md-list>
<md-list-item to="/"> <md-list-item href="#/">
<p>Discover</p> <p>Discover</p>
</md-list-item> </md-list-item>
@ -90,7 +90,7 @@
<div class="md-collapse"> <div class="md-collapse">
<md-list> <md-list>
<md-list-item to="/"> <md-list-item href="#/">
<md-icon>explore</md-icon> <md-icon>explore</md-icon>
<p>Discover</p> <p>Discover</p>
</md-list-item> </md-list-item>

2
src/views/components/SmallNavigationSection.vue
View File

@ -11,7 +11,7 @@
<div class="md-toolbar-section-start"> <div class="md-toolbar-section-start">
<h3 class="md-title">Menu</h3> <h3 class="md-title">Menu</h3>
<md-list> <md-list>
<md-list-item to="/"> <md-list-item href="#/">
<p>Link</p> <p>Link</p>
</md-list-item> </md-list-item>