mirror of
https://github.com/Radarr/Radarr.git
synced 2024-09-11 20:12:41 +02:00
Fixed: Custom Format Edit Modal Huge Size
This commit is contained in:
parent
9bbd314452
commit
6e601ede37
@ -40,7 +40,7 @@ class EditCustomFormatModal extends Component {
|
|||||||
<Modal
|
<Modal
|
||||||
style={{ height: `${this.state.height}px` }}
|
style={{ height: `${this.state.height}px` }}
|
||||||
isOpen={isOpen}
|
isOpen={isOpen}
|
||||||
size={sizes.EXTRA_LARGE}
|
size={sizes.LARGE}
|
||||||
onModalClose={onModalClose}
|
onModalClose={onModalClose}
|
||||||
>
|
>
|
||||||
<EditCustomFormatModalContentConnector
|
<EditCustomFormatModalContentConnector
|
||||||
|
@ -1,18 +0,0 @@
|
|||||||
.formGroupsContainer {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.formGroupWrapper {
|
|
||||||
flex: 0 0 calc($formGroupSmallWidth - 100px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.deleteButtonContainer {
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: $breakpointLarge) {
|
|
||||||
.formGroupsContainer {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,6 +1,6 @@
|
|||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import { inputTypes, sizes } from 'Helpers/Props';
|
import { inputTypes } from 'Helpers/Props';
|
||||||
import Button from 'Components/Link/Button';
|
import Button from 'Components/Link/Button';
|
||||||
import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton';
|
import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton';
|
||||||
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
|
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
|
||||||
@ -12,7 +12,6 @@ import Form from 'Components/Form/Form';
|
|||||||
import FormGroup from 'Components/Form/FormGroup';
|
import FormGroup from 'Components/Form/FormGroup';
|
||||||
import FormLabel from 'Components/Form/FormLabel';
|
import FormLabel from 'Components/Form/FormLabel';
|
||||||
import FormInputGroup from 'Components/Form/FormInputGroup';
|
import FormInputGroup from 'Components/Form/FormInputGroup';
|
||||||
import styles from './EditCustomFormatModalContent.css';
|
|
||||||
|
|
||||||
class EditCustomFormatModalContent extends Component {
|
class EditCustomFormatModalContent extends Component {
|
||||||
|
|
||||||
@ -62,35 +61,31 @@ class EditCustomFormatModalContent extends Component {
|
|||||||
<Form
|
<Form
|
||||||
{...otherProps}
|
{...otherProps}
|
||||||
>
|
>
|
||||||
<div className={styles.formGroupsContainer}>
|
<FormGroup>
|
||||||
<div className={styles.formGroupWrapper}>
|
<FormLabel>
|
||||||
<FormGroup size={sizes.EXTRA_SMALL}>
|
Name
|
||||||
<FormLabel size={sizes.SMALL}>
|
</FormLabel>
|
||||||
Name
|
|
||||||
</FormLabel>
|
|
||||||
|
|
||||||
<FormInputGroup
|
<FormInputGroup
|
||||||
type={inputTypes.TEXT}
|
type={inputTypes.TEXT}
|
||||||
name="name"
|
name="name"
|
||||||
{...name}
|
{...name}
|
||||||
onChange={onInputChange}
|
onChange={onInputChange}
|
||||||
/>
|
/>
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
|
|
||||||
<FormGroup size={sizes.EXTRA_SMALL}>
|
<FormGroup>
|
||||||
<FormLabel size={sizes.SMALL}>
|
<FormLabel>
|
||||||
Format Tags
|
Format Tags
|
||||||
</FormLabel>
|
</FormLabel>
|
||||||
|
|
||||||
<FormInputGroup
|
<FormInputGroup
|
||||||
type={inputTypes.TEXT_TAG}
|
type={inputTypes.TEXT_TAG}
|
||||||
name="formatTags"
|
name="formatTags"
|
||||||
{...formatTags}
|
{...formatTags}
|
||||||
onChange={onInputChange}
|
onChange={onInputChange}
|
||||||
/>
|
/>
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Form>
|
</Form>
|
||||||
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user