mirror of
https://github.com/KevinMidboe/vue-js-modal.git
synced 2025-10-29 18:00:20 +00:00
Added "top-right" slot fro custom "Close" buttons (#16)
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<modal name="conditional-modal"
|
||||
:height="200"
|
||||
:adaptive="true"
|
||||
@before-open="beforeOpen">
|
||||
<div style="padding:30px; text-align: center">
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user