diff --git a/src/components/FullScreenDropZone.tsx b/src/components/FullScreenDropZone.tsx
index b0e07a2ee..29308c831 100644
--- a/src/components/FullScreenDropZone.tsx
+++ b/src/components/FullScreenDropZone.tsx
@@ -19,7 +19,8 @@ const DropDiv = styled.div`
const Overlay = styled.div<{ isDragActive: boolean }>`
border-width: 8px;
-
+ left: 0;
+ top: 0;
outline: none;
transition: border 0.24s ease-in-out;
height: 100%;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 6f7367ed7..05c453852 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -222,10 +222,7 @@ export default function App({ Component, pageProps, err }) {
accept: 'image/*, video/*, application/json, ',
});
return (
-
+ <>
{constants.TITLE}
@@ -252,6 +249,8 @@ export default function App({ Component, pageProps, err }) {
) : (
)}
-
+
);
}
diff --git a/src/pages/gallery/index.tsx b/src/pages/gallery/index.tsx
index 75c4d2118..7e46fe519 100644
--- a/src/pages/gallery/index.tsx
+++ b/src/pages/gallery/index.tsx
@@ -25,6 +25,7 @@ import {
import constants from 'utils/strings/constants';
import AlertBanner from './components/AlertBanner';
import { Alert, Button, Jumbotron } from 'react-bootstrap';
+import FullScreenDropZone from 'components/FullScreenDropZone';
const DATE_CONTAINER_HEIGHT = 45;
const IMAGE_CONTAINER_HEIGHT = 200;
@@ -111,6 +112,8 @@ const DateContainer = styled.div`
`;
interface Props {
+ getRootProps;
+ getInputProps;
openFileUploader;
acceptedFiles;
uploadModalView;
@@ -337,7 +340,10 @@ export default function Gallery(props: Props) {
};
return (
- <>
+
{isFirstLoad && (
@@ -526,6 +532,6 @@ export default function Gallery(props: Props) {
{constants.INSTALL_MOBILE_APP()}
)}
-
+
);
}