fix(atoms): fix dialog aligment

8base · Nov 20, 2018 · f744042 · f744042
1 parent 7a81324
commit f744042
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/atoms/Dialog/DialogPlate.js b/src/atoms/Dialog/DialogPlate.js
@@ -44,12 +44,11 @@ const theme = createTheme(name, {
 });
 
 const StyledTag = createStyledTag(name, {
-  boxSizing: 'border-box',
-  border: '1px solid #E9EFF4',
-  borderRadius: '6px',
-  backgroundColor: '#FFFFFF',
-  boxShadow: '0 4px 8px 0 rgba(0,0,0,0.1)',
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
   maxHeight: '90%',
+  flex: '0 1 90%',
 });
 
 function DialogPlate({

diff --git a/src/atoms/Modal/Modal.js b/src/atoms/Modal/Modal.js
@@ -53,6 +53,7 @@ const OverlayTag = createStyledTag(name, (props): * => ({
 const ModalTag = createStyledTag(name, {
   height: '100%',
   display: 'flex',
+  flexDirection: 'column',
   alignItems: 'center',
   justifyContent: 'center',
 });