Merge pull request #2 from arjunghimire/hotfix/bug

Fixed minor design issue
arjunghimire · Nov 4, 2020 · 48b6bc7 · 48b6bc7
2 parents dc5c3cd + 07e5e86
commit 48b6bc7
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 9 deletions.
diff --git a/dist/index.es.js b/dist/index.es.js
@@ -16199,8 +16199,8 @@ var RMIUploader = function (_a) {
                             React.createElement(CUpload, { dragProps: dragProps, isDragging: isDragging, onImageUpload: onImageUpload }),
                             React.createElement("div", { className: "upload-image-preview" },
                                 React.createElement(Row, null,
-                                    React.createElement(Col, { md: 19 }, images.map(function (image, index) { return (React.createElement(CImage, { key: index, url: image.dataURL })); })),
-                                    React.createElement(Col, { md: 5 },
+                                    React.createElement(Col, { md: 18 }, images.map(function (image, index) { return (React.createElement(CImage, { key: index, url: image.dataURL })); })),
+                                    React.createElement(Col, { md: 6 },
                                         React.createElement(Button, { type: "primary", danger: true, style: {
                                                 marginRight: 5,
                                             }, disabled: greaterZeroUpload, onClick: function () { return setImages([]); }, icon: React.createElement(CloseOutlined$2, null), size: "middle" }),

diff --git a/dist/index.es.js.map b/dist/index.es.js.map
diff --git a/dist/index.js b/dist/index.js
@@ -16208,8 +16208,8 @@ var RMIUploader = function (_a) {
                             React__default['default'].createElement(CUpload, { dragProps: dragProps, isDragging: isDragging, onImageUpload: onImageUpload }),
                             React__default['default'].createElement("div", { className: "upload-image-preview" },
                                 React__default['default'].createElement(Row, null,
-                                    React__default['default'].createElement(Col, { md: 19 }, images.map(function (image, index) { return (React__default['default'].createElement(CImage, { key: index, url: image.dataURL })); })),
-                                    React__default['default'].createElement(Col, { md: 5 },
+                                    React__default['default'].createElement(Col, { md: 18 }, images.map(function (image, index) { return (React__default['default'].createElement(CImage, { key: index, url: image.dataURL })); })),
+                                    React__default['default'].createElement(Col, { md: 6 },
                                         React__default['default'].createElement(Button, { type: "primary", danger: true, style: {
                                                 marginRight: 5,
                                             }, disabled: greaterZeroUpload, onClick: function () { return setImages([]); }, icon: React__default['default'].createElement(CloseOutlined$2, null), size: "middle" }),

diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/examples/package.json b/examples/package.json
@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^12.1.10",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
+    "react-multiple-image-uploader": "^1.0.3",
     "react-scripts": "4.0.0",
     "web-vitals": "^0.2.4"
   },

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-multiple-image-uploader",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "homepage": "https://github.com/arjunghimire/react-multiple-image-uploader",
   "description": "A react component for uploading and preview multiple images",
   "main": "./dist/index.js",

diff --git a/src/RMIUploader.tsx b/src/RMIUploader.tsx
@@ -124,12 +124,12 @@ const RMIUploader: React.FC<RMIUploaderProps> = ({
                   />
                   <div className="upload-image-preview">
                     <Row>
-                      <Col md={19}>
+                      <Col md={18}>
                         {images.map((image, index) => (
                           <CImage key={index} url={image.dataURL} />
                         ))}
                       </Col>
-                      <Col md={5}>
+                      <Col md={6}>
                         <Button
                           type="primary"
                           danger