made overlay work

frontend/src/components/prompts/Prompts.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <component ref="currentComponent" :is="currentComponent"></component>
+    <div v-show="showOverlay" @click="resetPrompts" class="overlay"></div>
   </div>
 </template>
 
@@ -103,6 +104,11 @@ export default {
 
       return (matched && this.show) || null;
     },
+    showOverlay: function () {
+      return (
+        this.show !== null && this.show !== "search" && this.show !== "more"
+      );
+    },
   },
   methods: {
     resetPrompts() {

frontend/src/css/dashboard.css

@@ -311,6 +311,17 @@ body.rtl .card .card-title>*:first-child {
   flex: 1;
 }
 
+.overlay {
+  background-color: rgba(0, 0, 0, 0);
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: 9999;
+  animation: .1s show forwards;
+}
+
 
 /* * * * * * * * * * * * * * * *
  *        PROMPT - MOVE        *