use OutlinedInput and helperText on Settings

This commit is contained in:
nikk gitanes
2021-07-17 05:14:02 +03:00
parent 8298e66b59
commit 478d5cbab9
10 changed files with 53 additions and 63 deletions

View File

@@ -60,9 +60,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
id='TorrentDisconnectTimeout'
label={t('SettingsDialog.TorrentDisconnectTimeout')}
InputProps={{
endAdornment: (
<InputAdornment position='end'>{t('Seconds')}</InputAdornment>
),
endAdornment: <InputAdornment position='end'>{t('Seconds')}</InputAdornment>,
}}
value={TorrentDisconnectTimeout}
type='number'
@@ -75,11 +73,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
margin='normal'
id='ConnectionsLimit'
label={t('SettingsDialog.ConnectionsLimit')}
InputProps={{
endAdornment: (
<InputAdornment position='end'>{t('SettingsDialog.ConnectionsLimitHint')}</InputAdornment>
),
}}
helperText={t('SettingsDialog.ConnectionsLimitHint')}
value={ConnectionsLimit}
type='number'
variant='outlined'
@@ -108,9 +102,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
id='DownloadRateLimit'
label={t('SettingsDialog.DownloadRateLimit')}
InputProps={{
endAdornment: (
<InputAdornment position='end'>{t('Kilobytes')}</InputAdornment>
),
endAdornment: <InputAdornment position='end'>{t('Kilobytes')}</InputAdornment>,
}}
value={DownloadRateLimit}
type='number'
@@ -129,9 +121,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
id='UploadRateLimit'
label={t('SettingsDialog.UploadRateLimit')}
InputProps={{
endAdornment: (
<InputAdornment position='end'>{t('Kilobytes')}</InputAdornment>
),
endAdornment: <InputAdornment position='end'>{t('Kilobytes')}</InputAdornment>,
}}
value={UploadRateLimit}
type='number'

View File

@@ -1,4 +1,4 @@
import { Grid, Input, Slider } from '@material-ui/core'
import { Grid, OutlinedInput, Slider } from '@material-ui/core'
export default function SliderInput({
isProMode,
@@ -40,12 +40,12 @@ export default function SliderInput({
{isProMode && (
<Grid item>
<Input
<OutlinedInput
value={value}
margin='dense'
onChange={onInputChange}
onBlur={onBlur}
style={{ width: '65px' }}
style={{ width: '91px', marginTop: '-6px' }}
inputProps={{ step, min: inputMin, max: inputMax, type: 'number' }}
/>
</Grid>