Add transition

client/src/views/CircleView.vue

@@ -26,6 +26,7 @@ onMounted(() => {
 </script>
 
 <template>
+  <Transition>
     <div v-if="state.showOverview">
       <CircleOverview :circle-data="circleStore.circleData" @close="state.showOverview = false"/>
     </div>
@@ -77,7 +78,22 @@ onMounted(() => {
 
       </div>
     </div>
+  </Transition>
 </template>
 
 <style scoped>
+
+.v-enter-active,
+.v-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.v-enter-from,
+.v-leave-to {
+  opacity: 0;
+}
+
+.v-enter-active {
+  transition-delay: 0.3s;
+}
 </style>