side drawer action button (#106)

* chore(release): 0.0.70

* chore(release): 0.0.71

* Side drawer action button

Author: arpitchhabra04

components/modal/src/modal-layout.module.scss

@@ -20,6 +20,21 @@
   overflow: auto;
 }
 
+.side_drawer,
+.side_drawer_title {
+  overflow: auto;
+}
+
+.side_drawer {
+  min-height: 85vh;
+  max-height: 85vh;
+}
+
+.side_drawer_title {
+  min-height: 80vh;
+  max-height: 80vh;
+}
+
 .actions {
   padding-top: size('6x');
   margin-top: size('6x');

components/modal/src/modal-layout.tsx

@@ -47,7 +47,17 @@ export default function ModalLayout({
     >
       {title && <Text.H2 className={classnames('title')}>{title}</Text.H2>}
 
-      <div className={classnames('content')}>{children}</div>
+      <div
+        className={classnames(
+          type === MODAL_TYPE.SIDE_DRAWER
+            ? title
+              ? 'side_drawer_title'
+              : 'side_drawer'
+            : 'content'
+        )}
+      >
+        {children}
+      </div>
 
       {actions && (
         <div