side popup update

Author: AhsanKhan7

src/ui/layouts/stackComponents/ConfigureComponent/SidePopup/index.module.scss

@@ -1,6 +1,15 @@
 @import '../../../../globalStyles.scss';
 
 
+.popupContainer {
+  // height: 100vh;
+  // width: 100vw;
+  // top: 0;
+  // left: 0;
+  z-index: 1;
+  position: relative;
+}
+
 .sidePopup {
   background: #ffffff;
   border-radius: 4px;
@@ -9,7 +18,7 @@
   bottom: 0;
   top: 13rem;
   height: 88rem;
-  min-width: 700px;
+  min-width: 45vw;
   overflow: auto;
 } 
 
@@ -20,14 +29,6 @@
   }
 }
 
-.popupContainer {
-  height: 100vh;
-  width: 100vw;
-  top: 0;
-  left: 0;
-  z-index: 1;
-}
-
 .actionSection {
   width: 100%;
   background-color: #ffffff;

src/ui/layouts/stackComponents/ConfigureComponent/SidePopup/index.tsx

@@ -17,7 +17,7 @@ export const SidePopup: React.FC<{
   >
     <Box className={styles.sidePopup}>
       <OutsideClickHandler onOutsideClick={onClose}>
-        <Box paddingLeft="md" paddingTop="sm">
+        <Box paddingTop="sm">
           <iframe
             title="ZenML - Organization Embed"
             style={{ border: '0px', height: '100vh', width: '100%' }}