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;