diff --git a/src/components/FullScreenDropZone.tsx b/src/components/FullScreenDropZone.tsx index 529068d96..cf71c36fc 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 1ba378ad5..1fc474c84 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 8a3c016fc..b697c32a1 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 6bfd29e1c..66fc82046 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 4c58fd499..2952bdf38 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 99b8514e2..892c1e6c3 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 cd0a5a179..ecfa9d845 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} />