diff --git a/src/components/editors/ImageUploadButton/index.tsx b/src/components/editors/ImageUploadButton/index.tsx index d5b8d402..1f4bfe68 100644 --- a/src/components/editors/ImageUploadButton/index.tsx +++ b/src/components/editors/ImageUploadButton/index.tsx @@ -1,5 +1,6 @@ import React, { FC, ChangeEventHandler } from 'react'; import * as styles from './styles.scss'; +import { Icon } from '~/components/input/Icon'; interface IProps { onUpload?: ChangeEventHandler; @@ -10,6 +11,9 @@ const ImageUploadButton: FC = ({ }) => (
+
+ +
) diff --git a/src/components/editors/ImageUploadButton/styles.scss b/src/components/editors/ImageUploadButton/styles.scss index db71498a..db7ae1aa 100644 --- a/src/components/editors/ImageUploadButton/styles.scss +++ b/src/components/editors/ImageUploadButton/styles.scss @@ -24,4 +24,15 @@ z-index: 1; cursor: pointer; } +} + +.icon { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; } \ No newline at end of file