yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-11 10:18:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix design UploadForm

Browse Source 
Signed-off-by: soupette <cyril.lpz@gmail.com>
This commit is contained in:
soupette 2020-02-20 09:09:34 +01:00
parent 51b7d75cdd
commit 8f36a32209
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/strapi-plugin-upload/admin/src/components/InputFile/Label.js
View File

@ -3,8 +3,10 @@ import PropTypes from 'prop-types';
const Label = styled.label` const Label = styled.label`
position: relative; position: relative;
height: 204px; height: 203px;
width: 100%; width: 100%;
margin-top: 36px;
margin-bottom: 18px;
padding-top: 46px; padding-top: 46px;
border: 2px dashed #e3e9f3; border: 2px dashed #e3e9f3;
border-radius: 2px; border-radius: 2px;

12
packages/strapi-plugin-upload/admin/src/components/UploadForm/index.js
View File

@ -1,8 +1,8 @@
import React, { useReducer } from 'react'; import React, { useReducer } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { ModalBody } from 'strapi-helper-plugin';
import InputFile from '../InputFile'; import InputFile from '../InputFile';
import ModalNavWrapper from '../ModalNavWrapper'; import ModalNavWrapper from '../ModalNavWrapper';
import ModalSection from '../ModalSection';
import init from './init'; import init from './init';
import reducer, { initialState } from './reducer'; import reducer, { initialState } from './reducer';
@ -24,12 +24,10 @@ const UploadForm = ({ addFilesToUpload }) => {
return ( return (
<> <>
<ModalNavWrapper links={links} to={to} onClickGoTo={handleClickGoTo} /> <ModalNavWrapper links={links} to={to} onClickGoTo={handleClickGoTo} />
<ModalBody style={{ paddingTop: 35, paddingBottom: 18 }}> <ModalSection>
<div className="col-12"> {to === 'computer' && <InputFile onChange={addFilesToUpload} />}
{to === 'computer' && <InputFile onChange={addFilesToUpload} />} {to === 'url' && <div>COMING SOON</div>}
{to === 'url' && <div>COMING SOON</div>} </ModalSection>
</div>
</ModalBody>
</> </>
); );
}; };