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

4
src/pages/_app.tsx
View file

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