Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-04-28 18:44:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add ripple effect to some cards

Browse source
This commit is contained in:
Marcos Moura 2016-10-18 13:48:41 -02:00
parent 4296525ff3
commit 4a749272df
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
docs/src/pages/components/Card.vue
View file

@ -108,8 +108,8 @@
</md-card-actions>
</md-card>
<md-card>
<md-card-media-cover md-text-scrim>
<md-card md-with-hover>
<md-card-media-cover md-text-scrim v-md-ink-ripple>
<md-card-media md-ratio="16:9">
<img src="assets/card-image-3.jpg" alt="People">
</md-card-media>
@ -128,10 +128,10 @@
</md-card-media-cover>
</md-card>
<md-card>
<md-card-media-cover md-solid>
<md-card md-with-hover>
<md-card-media-cover md-solid v-md-ink-ripple>
<md-card-media>
<img src="assets/card-image-2.jpg" alt="People">
<img src="assets/card-image-1.jpg" alt="People">
</md-card-media>
<md-card-area>
@ -218,6 +218,10 @@
font-size: $size;
line-height: $size;
}
span {
vertical-align: middle;
}
}
.card-reservation {