diff --git a/src/components/FullScreenDropZone.tsx b/src/components/FullScreenDropZone.tsx index 529068d96cb5aa118c3d872302d04790d42c4212..cf71c36fc1938ad2b160161d9f65347c3052690b 100644 --- a/src/components/FullScreenDropZone.tsx +++ b/src/components/FullScreenDropZone.tsx @@ -9,13 +9,11 @@ const DropDiv = styled.div` type Props = React.PropsWithChildren<{ showModal: () => void; - closeModal: () => void; }>; export default function FullScreenDropZone({ children, showModal, - closeModal, }: Props) { const closeTimer = useRef(); @@ -31,14 +29,8 @@ export default function FullScreenDropZone({ showModal(); }; - const onDragLeave = (e) => { - e.preventDefault(); - clearTimer(); - closeTimer.current = global.setTimeout(closeModal, 1000); - }; - return ( - + {children} ); diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 1ba378ad52d249a4ad8c9414454076e71e0e6793..1fc474c84dc3abee83840a8625f91f9df752ddbe 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -190,7 +190,6 @@ export default function App({ Component, pageProps }) { return ( diff --git a/src/pages/gallery/components/AddCollection.tsx b/src/pages/gallery/components/AddCollection.tsx index 8a3c016fc9cd2efd2dcfe1f716f7d11672133e5a..b697c32a1d330139b76a67b48f80747fe7598d73 100644 --- a/src/pages/gallery/components/AddCollection.tsx +++ b/src/pages/gallery/components/AddCollection.tsx @@ -16,6 +16,7 @@ const ImageContainer = styled.div` `; const StyledCard = styled(Card)` + border-radius: 30px !important; cursor: pointer; `; diff --git a/src/pages/gallery/components/CollectionDropZone.tsx b/src/pages/gallery/components/CollectionDropZone.tsx index 6bfd29e1cbbb963e1f7dac7d75dc827019c72d25..66fc8204622e8742c1725377914b58196095133f 100644 --- a/src/pages/gallery/components/CollectionDropZone.tsx +++ b/src/pages/gallery/components/CollectionDropZone.tsx @@ -6,7 +6,6 @@ import DropzoneWrapper from './DropzoneWrapper'; function CollectionDropZone({ children, closeModal, - showModal, refetchData, collectionAndItsLatestFile, setProgressView, @@ -39,7 +38,6 @@ function CollectionDropZone({ ); diff --git a/src/pages/gallery/components/CollectionSelector.tsx b/src/pages/gallery/components/CollectionSelector.tsx index 4c58fd49988b44b5e7e54f5ca433d8a769837f55..2952bdf38b56965988eb0b54f2b8ad696f6c966a 100644 --- a/src/pages/gallery/components/CollectionSelector.tsx +++ b/src/pages/gallery/components/CollectionSelector.tsx @@ -21,7 +21,7 @@ function CollectionSelector(props) { showModal={showUploadModal} collectionAndItsLatestFile={item} > - + { }} diff --git a/src/pages/gallery/components/DropzoneWrapper.tsx b/src/pages/gallery/components/DropzoneWrapper.tsx index 99b8514e21315adfd4f57ea67cf8ec0871e9ce88..892c1e6c3a1f1523df5af2dc4f86b0744371f7de 100644 --- a/src/pages/gallery/components/DropzoneWrapper.tsx +++ b/src/pages/gallery/components/DropzoneWrapper.tsx @@ -14,15 +14,16 @@ export const getColor = (props) => { } }; -export const enableBorder = (props) => (props.isDragActive ? 'dashed' : 'none'); +export const enableBorder = (props) => (props.isDragActive ? 'solid' : 'none'); export const DropDiv = styled.div` width: 200px; margin: 5px; - height: 230px; + height: 240px; + padding: 4px; color: black; - border-width: 2px; - border-radius: 2px; + border-width: 4px; + border-radius: 34px; border-color: ${(props) => getColor(props)}; border-style: ${(props) => enableBorder(props)}; outline: none; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index cd0a5a17928e243f4c00ce4c0af8092af3ae5993..ecfa9d845d925bf66559547c0f90ee3a56dbae68 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -97,6 +97,7 @@ export default function Home() { isInvalid={Boolean( touched.email && errors.email )} + autoFocus={true} disabled={loading} />