diff --git a/src/components/middle/composer/DropTarget.scss b/src/components/middle/composer/DropTarget.scss index 49fa7ab36..132bd5b2f 100644 --- a/src/components/middle/composer/DropTarget.scss +++ b/src/components/middle/composer/DropTarget.scss @@ -97,6 +97,7 @@ .title { font-size: 1.3125rem; font-weight: var(--font-weight-medium); + text-align: center; letter-spacing: -0.18px; @media (max-height: 450px) { @@ -106,6 +107,7 @@ .description { font-size: 1rem; + text-align: center; letter-spacing: 0.3px; @media (max-height: 450px) { diff --git a/src/components/middle/composer/DropTarget.tsx b/src/components/middle/composer/DropTarget.tsx index 34298f7f3..e10e535c5 100644 --- a/src/components/middle/composer/DropTarget.tsx +++ b/src/components/middle/composer/DropTarget.tsx @@ -4,11 +4,9 @@ import { memo, useRef } from '../../../lib/teact/teact'; import buildClassName from '../../../util/buildClassName'; -import useEffectOnce from '../../../hooks/useEffectOnce'; import useFlag from '../../../hooks/useFlag'; import useLang from '../../../hooks/useLang'; import useLastCallback from '../../../hooks/useLastCallback'; -import useResizeObserver from '../../../hooks/useResizeObserver'; import Icon from '../../common/icons/Icon'; @@ -22,7 +20,6 @@ export type OwnProps = { const DropTarget: FC = ({ isQuick, isGeneric, onFileSelect }) => { const ref = useRef(); - const svgRef = useRef(); const lang = useLang(); @@ -38,22 +35,6 @@ const DropTarget: FC = ({ isQuick, isGeneric, onFileSelect }) => { unmarkHovered(); }); - const handleResize = useLastCallback(() => { - const svg = svgRef.current; - if (!svg) { - return; - } - - const { width, height } = svg.getBoundingClientRect(); - svg.viewBox.baseVal.width = width; - svg.viewBox.baseVal.height = height; - }); - - // Can't listen for SVG resize - useResizeObserver(ref, handleResize); - - useEffectOnce(handleResize); - const className = buildClassName( 'DropTarget', isHovered && 'hovered', @@ -68,7 +49,7 @@ const DropTarget: FC = ({ isQuick, isGeneric, onFileSelect }) => { onDragLeave={handleDragLeave} data-dropzone > - +