Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-11 08:43:03 +00:00
Code Issues Projects Releases Wiki Activity

edit copied pop time

Browse Source
This commit is contained in:
khatabwedaa
2020-05-06 14:45:40 +02:00
parent eb2d19c8db
commit 42ba308c27
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Utilities/ViewComponent.vue
View File

@@ -39,10 +39,10 @@
<div class="w-full relative" :dir="rtl? 'rtl' : 'ltr'">
<slot class="w-full h-full absolute top-0 left-0" name="component"></slot>
<transition name="fade">
<div v-if="copy">
<div v-if="copied">
<div class="w-full h-full absolute top-0 left-0 z-10">
<div class="bg-gray-300 h-full flex items-center justify-center">
<p class="text-blue-500 text-2xl">Copied!</p>
<p class="text-gray-700 text-2xl">Copied!</p>
</div>
</div>
</div>
@@ -73,7 +73,7 @@
return {
viewCode: false,
rtl: false,
copy: false,
copied: false,
code: null,
}
},
@@ -85,11 +85,11 @@
},
methods: {
onCopy() {
this.copy = ! this.copy;
this.copied = ! this.copied;
setTimeout(() => {
this.copy = false
}, 2000);
this.copied = false
}, 800);
},
},
}
@@ -99,7 +99,7 @@
.fade-enter-active, .fade-leave-active {
transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
.fade-enter, .fade-leave-to {
opacity: 0;
}
</style>