From 0cc3a12d1d6eee95adfa0b9f40d359798fdf99e2 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 12 May 2024 14:55:35 +0200
Subject: [PATCH] fix: modal responsiveness

---
 src/components/Global/AnimatedModal.vue | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/Global/AnimatedModal.vue b/src/components/Global/AnimatedModal.vue
index e97ebc1..e1c4e65 100644
--- a/src/components/Global/AnimatedModal.vue
+++ b/src/components/Global/AnimatedModal.vue
@@ -54,10 +54,6 @@ export default defineComponent({
   width: 100%;
   height: 100vh;
   z-index: 200;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }
 
 .modal-background {
@@ -73,11 +69,12 @@ export default defineComponent({
 }
 
 .modal-wrapper {
-  position: relative;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   z-index: 210;
 
-  margin-top: 1em;
-
   & > :slotted(div) {
     background-color: #1a1a1a;
     box-shadow: 0 0 15px 10px #0e0e0e;