From 3c23bbeb4f267a9ee08f736cd5feb9ba02d2a309 Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Tue, 30 Jun 2020 13:47:07 +0800
Subject: [PATCH] feat(modal): optimize the max width, height and alignment of
 layer

---
 components/modal/modal-wrapper.tsx | 4 ++--
 components/shared/backdrop.tsx     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/modal/modal-wrapper.tsx b/components/modal/modal-wrapper.tsx
index 3e4c818..31fae73 100644
--- a/components/modal/modal-wrapper.tsx
+++ b/components/modal/modal-wrapper.tsx
@@ -31,8 +31,8 @@ const ModalWrapper: React.FC<React.PropsWithChildren<ModalWrapperProps>> = ({
         {children}
         <style jsx>{`
           .wrapper {
-            max-width: 85vw;
-            max-height: 75vh;
+            max-width: 90vw;
+            max-height: 90vh;
             width: ${width};
             overflow: hidden;
             display: flex;
diff --git a/components/shared/backdrop.tsx b/components/shared/backdrop.tsx
index 6d2419f..a74ad17 100644
--- a/components/shared/backdrop.tsx
+++ b/components/shared/backdrop.tsx
@@ -56,7 +56,7 @@ const Backdrop: React.FC<React.PropsWithChildren<BackdropProps>> = React.memo(
               align-content: center;
               align-items: center;
               flex-direction: column;
-              justify-content: space-around;
+              justify-content: center;
               height: 100vh;
               width: 100vw;
               overflow: auto;