nice heading above uploadfield

10G upload limit for nginx config

src/elements/DropZone/DropZone.module.css

@@ -1,15 +1,9 @@
-.container {
-
-}
-
 .dropArea {
     border: 2px dashed #ccc;
     border-radius: 20px;
     width: 480px;
     font-family: sans-serif;
-    margin: 100px auto;
     padding: 20px;
-    background-color: grey;
 }
 
 .dropArea:hover{

src/elements/DropZone/DropZone.tsx

@@ -1,11 +1,14 @@
 import style from './DropZone.module.css';
 import React, {useState} from 'react';
 import {cookie} from '../../utils/context/Cookie';
+import GlobalInfos from '../../utils/GlobalInfos';
 
 export const DropZone = (): JSX.Element => {
     const [ondrag, setDrag] = useState(0);
     const [percent, setpercent] = useState(0.0);
 
+    const theme = GlobalInfos.getThemeStyle();
+
     const uploadFile = (f: FileList): void => {
         let xhr = new XMLHttpRequest(); // create XMLHttpRequest
         let data = new FormData(); // create formData object
@@ -39,7 +42,7 @@ export const DropZone = (): JSX.Element => {
 
     return (
         <div
-            className={style.dropArea + (ondrag > 0 ? ' ' + style.highlight : '')}
+            className={style.dropArea + (ondrag > 0 ? ' ' + style.highlight : '') + ' ' + theme.secbackground}
             onDragEnter={(e): void => {
                 e.preventDefault();
                 e.stopPropagation();