Fix image upload stretches the image

dappforce · Mar 6, 2024 · 31b1bb3 · 31b1bb3
1 parent 000b868
commit 31b1bb3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/uploader/index.module.sass b/src/components/uploader/index.module.sass
@@ -18,9 +18,10 @@
 
 .DfRemoveCover
   @extend .DfRemoveIcon
+  position: absolute
+  top: $space_small
+  right: $space_small
   color: #fff
-  margin-left: -2.5rem
-  margin-top: .5rem
   width: 32px
   height: 32px
   justify-content: center

diff --git a/src/components/uploader/index.tsx b/src/components/uploader/index.tsx
@@ -139,7 +139,7 @@ type InnerUploadProps = BaseUploadProps & {
 
 export const PreviewUploadedImage = ({ imgUrl, onRemove, className, style }: ImagePreviewProps) => {
   return (
-    <div className='d-flex'>
+    <div>
       <img
         src={resolveIpfsUrl(imgUrl)}
         style={style}