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

fix small modal width on lowering device width

Browse source
This commit is contained in:
Rushikesh Tote 2022-04-07 19:09:50 +05:30
parent 50dae24628
commit ddb809912f
2 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/pages/gallery/UploadTypeChoiceModal.tsx
View file

@ -40,7 +40,7 @@ export default function UploadTypeChoiceModal({
onHide={hideFiletypeDialog}
style={{
borderBottom: 'none',
height: '8vh',
height: '4em',
}}>
<Modal.Title
id="contained-modal-title-vcenter"
@ -59,14 +59,14 @@ export default function UploadTypeChoiceModal({
</Modal.Header>
<Modal.Body
style={{
height: '20vh',
height: '10em',
}}>
<Container>
<Row className="justify-content-md-center py-2">
<Button
variant="light"
onClick={uploadFiles}
style={{ width: '90%', height: '6vh' }}>
style={{ width: '90%', height: '3em' }}>
<Container>
<Row>
<div>
@ -86,7 +86,7 @@ export default function UploadTypeChoiceModal({
<Button
variant="light"
onClick={uploadDirs}
style={{ width: '90%', height: '6vh' }}>
style={{ width: '90%', height: '3em' }}>
<Container>
<Row>
<div>

6
src/pages/_app.tsx
View file

@ -497,8 +497,10 @@ const GlobalStyles = createGlobalStyle`
cursor:pointer;
}
.file-type-choice-modal{
width: 30vw;
@media (min-width: 450px) {
.file-type-choice-modal{
width: 25em;
}
}
.manageLinkHeader:hover{