fix small modal width on lowering device width
This commit is contained in:
parent
50dae24628
commit
ddb809912f
|
@ -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>
|
||||||
|
|
|
@ -497,8 +497,10 @@ const GlobalStyles = createGlobalStyle`
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-type-choice-modal{
|
@media (min-width: 450px) {
|
||||||
width: 30vw;
|
.file-type-choice-modal{
|
||||||
|
width: 25em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.manageLinkHeader:hover{
|
.manageLinkHeader:hover{
|
||||||
|
|
Loading…
Reference in a new issue