From 44d161c3893cf9c5857d4116cd08bca141032a53 Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Sat, 3 Aug 2019 22:59:43 +0430
Subject: [PATCH 1/2] Added dialog transition animation

---
 src/renderer/components/Dialog.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/Dialog.vue b/src/renderer/components/Dialog.vue
index ab68118..28cac50 100644
--- a/src/renderer/components/Dialog.vue
+++ b/src/renderer/components/Dialog.vue
@@ -22,13 +22,17 @@ export default {
 </script>
 
 <style scoped lang="sass">
-.dialog-wrapper.open
+.dialog-wrapper
+    z-index: 1400
     position: absolute
     left: 0
     top: 0
     width: 100vw
     height: 100vh
     display: flex
+    opacity: 0
+    transition: opacity 150ms
+    pointer-events: none
     align-items: center
     justify-content: center
     .overlay
@@ -48,4 +52,8 @@ export default {
         min-width: 250px
         z-index: 1400
         box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)
+.dialog-wrapper.open
+    pointer-events: all
+    opacity: 1
+    
 </style>

From ba5ef738808864a56a0fe15aded6c9a87086c74e Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Sat, 3 Aug 2019 23:00:45 +0430
Subject: [PATCH 2/2] Added content slot for dialog

---
 src/renderer/components/Dialog.vue       | 2 +-
 src/renderer/layouts/DockableSidebar.vue | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/Dialog.vue b/src/renderer/components/Dialog.vue
index 28cac50..9b94d85 100644
--- a/src/renderer/components/Dialog.vue
+++ b/src/renderer/components/Dialog.vue
@@ -4,7 +4,7 @@
 
         </div>
         <div class="dialog">
-
+            <slot></slot>
         </div>
     </div>
 </template>
diff --git a/src/renderer/layouts/DockableSidebar.vue b/src/renderer/layouts/DockableSidebar.vue
index d7b6c87..be4761e 100644
--- a/src/renderer/layouts/DockableSidebar.vue
+++ b/src/renderer/layouts/DockableSidebar.vue
@@ -1,6 +1,9 @@
 <template>
     <div>
-        <Dialog :open="aboutOpen" :onClose="closeAbout" />
+        <Dialog :open="aboutOpen" :onClose="closeAbout">
+            test
+            <Logo :nopadding="true"/>
+        </Dialog>
         <section class="handle" :class="{'open': menuStatus}">
             <div @click="toggleMenuStatus" class="icon">
                 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 384.97 384.97" style="enable-background:new 0 0 384.97 384.97;" xml:space="preserve">