Added "top-right" slot fro custom "Close" buttons (#16)

This commit is contained in:
euvl
2017-05-23 02:07:47 +01:00
parent 13949ea0b1
commit cfa4088cf8
5 changed files with 41 additions and 6 deletions

View File

@@ -1,6 +1,5 @@
<template>
<modal name="conditional-modal"
:height="200"
:adaptive="true"
@before-open="beforeOpen">
<div style="padding:30px; text-align: center">

View File

@@ -5,6 +5,9 @@
:height="260"
:width="260"
@opened="opened">
<div slot="top-right" class="ct-top-right">
HIDE THE DOGGY
</div>
<img src="/static/cute_dog.gif" />
</modal>
</template>
@@ -30,6 +33,15 @@ export default {
}
}
.ct-top-right {
cursor: pointer;
padding-top: 20px;
padding-right: 30px;
font-weight: 600;
color: white;
text-shadow: 0 0px 20px black;
}
.scale-enter-active,
.scale-leave-active {
transition: all 0.5s;