ui-kit-ck-consultant 0.5.283 → 0.5.285

package/dist/index.css

@@ -75,48 +75,31 @@
   width: 900px;
 }
 
-._20eCx {
-  position: absolute;
-  right: 6rem;
-  top: 2rem;
-  font-size: 26px;
-  color: var(--primary-color);
-  cursor: pointer;
-  transition: 0.4s;
-}
-
-._RsujT {
+._eWY0H {
+  display: flex;
   position: absolute;
-  right: 4rem;
   top: 2rem;
-  font-size: 26px;
-  color: var(--primary-color);
-  cursor: pointer;
-  transition: 0.4s;
-}
-._1AbTJ {
-  position: absolute;
   right: 2rem;
-  top: 2rem;
-  font-size: 26px;
-  color: var(--primary-color);
-  cursor: pointer;
-  transition: 0.4s;
 }
+
+._20eCx,
+._RsujT,
+._1AbTJ,
 ._33Wb2 {
-  position: absolute;
-  right: 4rem;
-  top: 2rem;
   font-size: 26px;
   color: var(--primary-color);
   cursor: pointer;
   transition: 0.4s;
+  margin-left: 10px;
 }
+
+._20eCx:hover,
 ._RsujT:hover,
 ._1AbTJ:hover,
 ._33Wb2:hover {
   opacity: 0.7;
 }
+._20eCx:active,
 ._RsujT:active,
 ._1AbTJ:active,
 ._33Wb2:active {
@@ -149,6 +132,7 @@
 }
 
 ._2wSoq {
+  display: flex;
   padding: 20px;
 }
 
@@ -172,7 +156,7 @@
   overflow-y: auto;
 }
 
-._3sTgK{
+._3sTgK {
   overflow-x: hidden !important;
   overflow-y: hidden !important;
 }
@@ -183,20 +167,6 @@
     width: 400px;
     max-width: 95%;
   }
-
-  ._2YluD ._RsujT {
-    right: 3.5rem;
-    top: 1.5rem;
-  }
-  ._2YluD ._1AbTJ {
-    right: 1.5rem;
-    top: 1.5rem;
-  }
-
-  ._2YluD ._33Wb2 {
-    right: 3.5rem;
-    top: 1.5rem;
-  }
 }
 
 @media screen and (max-width: 440px) {
@@ -204,19 +174,6 @@
     padding: 16px;
     max-width: 95%;
   }
-
-  ._2YluD ._RsujT {
-    right: 2.5rem;
-    top: 0.5rem;
-  }
-  ._2YluD ._1AbTJ {
-    right: 0.5rem;
-    top: 0.5rem;
-  }
-  ._2YluD ._33Wb2 {
-    right: 2.5rem;
-    top: 0.5rem;
-  }
 }
 
 ._Dv_TK,

package/dist/index.js

@@ -45,7 +45,7 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
-var style = {"modal":"_Tr9L0","modal_container":"_2YluD","no_background":"_2vjgy","large":"_22C7A","modal_move":"_20eCx","modal_valid":"_RsujT","modal_close":"_1AbTJ","modal_custom":"_33Wb2","modal_header":"_2EzqX","modal_body":"_1-Y1J","full_modal_container":"_1w6wH","full_modal_header":"_2wSoq","full_modal_body":"_3bfp5","full_modal_body_no_padding":"_Pf5Uh","full_modal_body_no_overflow":"_3sTgK"};
+var style = {"modal":"_Tr9L0","modal_container":"_2YluD","no_background":"_2vjgy","large":"_22C7A","modal_right":"_eWY0H","modal_move":"_20eCx","modal_valid":"_RsujT","modal_close":"_1AbTJ","modal_custom":"_33Wb2","modal_header":"_2EzqX","modal_body":"_1-Y1J","full_modal_container":"_1w6wH","full_modal_header":"_2wSoq","full_modal_body":"_3bfp5","full_modal_body_no_padding":"_Pf5Uh","full_modal_body_no_overflow":"_3sTgK"};
 
 var Modal = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Modal, _React$Component);
@@ -124,6 +124,8 @@ var Modal = /*#__PURE__*/function (_React$Component) {
         left: this.state.x && this.state.xStart ? this.state.x - this.state.xStart : 0,
         top: this.state.y && this.state.yStart ? this.state.y - this.state.yStart : 0
       }
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: style.modal_right
     }, /*#__PURE__*/React__default.createElement("div", {
       className: style.modal_move,
       onMouseDown: function onMouseDown(e) {
@@ -148,9 +150,11 @@ var Modal = /*#__PURE__*/function (_React$Component) {
       onClick: this.props.onClose
     }, this.props.iconClose ? this.props.iconClose : /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: freeSolidSvgIcons.faTimes
-    })) : null, /*#__PURE__*/React__default.createElement("div", {
+    })) : null), /*#__PURE__*/React__default.createElement("div", {
       className: style.modal_header
-    }, /*#__PURE__*/React__default.createElement("h2", null, this.props.title)), /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement("h2", {
+      className: "mt-0"
+    }, this.props.title)), /*#__PURE__*/React__default.createElement("div", {
       className: style.modal_body
     }, this.props.children))));
   };
@@ -176,6 +180,12 @@ var FullModal = /*#__PURE__*/function (_React$Component) {
       className: classNames$1(style.modal, this.props.className)
     }, /*#__PURE__*/React__default.createElement("div", {
       className: style.full_modal_container
+    }, this.props.title ? /*#__PURE__*/React__default.createElement("div", {
+      className: style.full_modal_header
+    }, /*#__PURE__*/React__default.createElement("h2", {
+      className: "mr-auto"
+    }, this.props.title), /*#__PURE__*/React__default.createElement("div", {
+      className: "d-flex m-auto mr-0"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: style.modal_valid,
       onClick: this.props.onValid
@@ -192,9 +202,7 @@ var FullModal = /*#__PURE__*/function (_React$Component) {
       onClick: this.props.onCustom
     }, /*#__PURE__*/React__default.createElement(reactFontawesome.FontAwesomeIcon, {
       icon: this.props.customIcon
-    })) : null, this.props.title ? /*#__PURE__*/React__default.createElement("div", {
-      className: style.full_modal_header
-    }, /*#__PURE__*/React__default.createElement("h2", null, this.props.title)) : null, /*#__PURE__*/React__default.createElement("div", {
+    })) : null)) : null, /*#__PURE__*/React__default.createElement("div", {
       className: classNames$1(this.props.noPadding ? style.full_modal_body_no_padding : style.full_modal_body, this.props.noOverflow ? style.full_modal_body_no_overflow : {})
     }, this.props.children))));
   };