From cb5021750aed7058a7a8d89343b28844bc78514d Mon Sep 17 00:00:00 2001
From: grimhilt <grimhilt@users.noreply.github.com>
Date: Thu, 23 Mar 2023 23:59:49 +0100
Subject: [PATCH] fix modal background opacity

---
 front/src/views/modals/AddMailboxModal.vue | 2 +-
 front/src/views/modals/Modal.vue           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/front/src/views/modals/AddMailboxModal.vue b/front/src/views/modals/AddMailboxModal.vue
index 9dcdef5..29c583b 100644
--- a/front/src/views/modals/AddMailboxModal.vue
+++ b/front/src/views/modals/AddMailboxModal.vue
@@ -10,7 +10,7 @@ const pwd = ref("");
 const xoauth = ref("");
 const xoauth2 = ref("");
 const host = ref("");
-const port = ref("993");
+const port = ref(993);
 
 const error = ref("");
 
diff --git a/front/src/views/modals/Modal.vue b/front/src/views/modals/Modal.vue
index 1c8d31b..9f3ea4a 100644
--- a/front/src/views/modals/Modal.vue
+++ b/front/src/views/modals/Modal.vue
@@ -5,6 +5,7 @@ import { defineEmits, defineProps } from 'vue'
 const emit = defineEmits(['close-modal']);
 const props = defineProps({ title: String });
 
+// todo close on escape
 function close() {
   emit('close-modal');
 }
@@ -42,8 +43,7 @@ function close() {
     top: 0;
     z-index: 4000;
 
-    background-color: #000;
-    opacity: .7;
+    background-color: rgba(0, 0, 0, 0.8);
   }
 
   .modal {