Web: Settings: Backup: Added max-length for input.

This commit is contained in:
Tatiana Lopaeva 2021-05-19 09:34:16 +03:00
parent 20404ad431
commit 009d587090
2 changed files with 8 additions and 2 deletions

View File

@ -18,6 +18,7 @@ const FileInputWithFolderPath = (
baseFolder, baseFolder,
onClickInput, onClickInput,
name, name,
className,
}, },
...rest ...rest
) => { ) => {
@ -28,11 +29,12 @@ const FileInputWithFolderPath = (
hasError={hasError} hasError={hasError}
hasWarning={hasWarning} hasWarning={hasWarning}
isDisabled={isDisabled} isDisabled={isDisabled}
className={className}
{...rest} {...rest}
> >
<TextInput <TextInput
id={id} id={id}
className="text-input" className="text-input-with-folder-path"
placeholder={placeholder} placeholder={placeholder}
value={folderPath || baseFolder} value={folderPath || baseFolder}
size={size} size={size}

View File

@ -21,6 +21,11 @@ const StyledComponent = styled.div`
.input-with-folder-path { .input-with-folder-path {
margin-top: 16px; margin-top: 16px;
} }
.input-with-folder-path,
.text-input-with-folder-path {
width: 100%;
max-width: 820px;
}
.panel-loader-wrapper { .panel-loader-wrapper {
margin-top: 8px; margin-top: 8px;
padding-left: 32px; padding-left: 32px;
@ -168,7 +173,6 @@ class OperationsDialog extends React.PureComponent {
<StyledComponent> <StyledComponent>
<FileInputWithFolderPath <FileInputWithFolderPath
name={name} name={name}
scale
className="input-with-folder-path" className="input-with-folder-path"
baseFolder={baseFolder} baseFolder={baseFolder}
isDisabled={isLoading || isSavingProcess} isDisabled={isLoading || isSavingProcess}