From 4d8a0d9f51ad436654bbb7797ada5ccce26aa039 Mon Sep 17 00:00:00 2001
From: Leon Xu <dcwinfield362@gmail.com>
Date: Mon, 28 Feb 2022 12:32:26 -0800
Subject: [PATCH] doc: add media query to vertical align modal component

---
 src/components/Modal.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index d179fbc..2fa92be 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -84,6 +84,11 @@ export default {
     background-color: #31363d;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
       0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    @media (min-width: 400px) {
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+    }
 
     input {
       color: #fff;