beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

increased upload dailog size

Browse source
This commit is contained in:
Abhinav-grd 2021-04-11 21:34:24 +05:30
parent 208b8918d9
commit 00efef9445
1 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/pages/gallery/components/UploadProgress.tsx
View file

@ -39,13 +39,19 @@ export default function UploadProgress(props: Props) {
dialogClassName="ente-modal" dialogClassName="ente-modal"
> >
<Modal.Body> <Modal.Body>
<div style={{ textAlign: 'center', marginBottom: '20px', marginTop: '12px' }}> <div
style={{
textAlign: 'center',
marginBottom: '20px',
marginTop: '12px',
}}
>
<h4> <h4>
{props.uploadStage == UPLOAD_STAGES.UPLOADING {props.uploadStage == UPLOAD_STAGES.UPLOADING
? props.fileCounter.total > 1 && ? props.fileCounter.total > 1 &&
constants.UPLOAD[props.uploadStage]( constants.UPLOAD[props.uploadStage](
props.fileCounter props.fileCounter
) )
: constants.UPLOAD[props.uploadStage]} : constants.UPLOAD[props.uploadStage]}
</h4> </h4>
</div> </div>
@ -56,21 +62,28 @@ export default function UploadProgress(props: Props) {
</Alert> </Alert>
) )
) : ( ) : (
<ProgressBar now={props.now} animated variant={'upload-progress-bar'} /> <ProgressBar
now={props.now}
animated
variant={'upload-progress-bar'}
/>
)} )}
{fileProgressStatuses && ( {fileProgressStatuses?.length > 0 && (
<div <div
style={{ style={{
marginTop: '10px', marginTop: '10px',
overflow: 'auto', overflow: 'auto',
maxHeight: '200px', height: '250px',
}} }}
> >
{fileProgressStatuses.map(({ fileName, progress }) => {fileProgressStatuses.map(({ fileName, progress }) => (
<div style={{ marginTop: '12px' }}> <div style={{ marginTop: '12px' }}>
{constants.FILE_UPLOAD_PROGRESS(fileName, progress)} {constants.FILE_UPLOAD_PROGRESS(
fileName,
progress
)}
</div> </div>
)} ))}
</div> </div>
)} )}
{props.now === 100 && ( {props.now === 100 && (