diff --git a/deb/OpenMediaCenter/etc/nginx/sites-available/OpenMediaCenter.conf b/deb/OpenMediaCenter/etc/nginx/sites-available/OpenMediaCenter.conf index cbdb815..b3bd949 100755 --- a/deb/OpenMediaCenter/etc/nginx/sites-available/OpenMediaCenter.conf +++ b/deb/OpenMediaCenter/etc/nginx/sites-available/OpenMediaCenter.conf @@ -14,6 +14,7 @@ server { } location ~* ^/(api/|token) { + client_max_body_size 10G; proxy_pass http://127.0.0.1:8081; } location /subscribe { diff --git a/src/elements/DropZone/DropZone.module.css b/src/elements/DropZone/DropZone.module.css index c994a9c..32f6e61 100644 --- a/src/elements/DropZone/DropZone.module.css +++ b/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{ diff --git a/src/elements/DropZone/DropZone.tsx b/src/elements/DropZone/DropZone.tsx index 3e9967e..2139017 100644 --- a/src/elements/DropZone/DropZone.tsx +++ b/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 (