some layout improvements

This commit is contained in:
nikk gitanes
2024-04-07 04:59:33 +03:00
parent c8f272acab
commit bf1af8d0a0
3 changed files with 12 additions and 5 deletions

View File

@@ -186,6 +186,8 @@ To run the web server locally, just run
yarn start yarn start
``` ```
More info at https://github.com/YouROK/TorrServer/tree/master/web#readme
### Build ### Build
#### Server #### Server

View File

@@ -56,6 +56,7 @@ export default function LeftSideComponent({
margin='dense' margin='dense'
label={t('AddDialog.TorrentSourceLink')} label={t('AddDialog.TorrentSourceLink')}
helperText={t('AddDialog.TorrentSourceOptions')} helperText={t('AddDialog.TorrentSourceOptions')}
style={{ marginTop: '1em' }}
type='text' type='text'
fullWidth fullWidth
variant='outlined' variant='outlined'

View File

@@ -79,6 +79,7 @@ export default function RightSideComponent({
value={originalTorrentTitle} value={originalTorrentTitle}
margin='dense' margin='dense'
label={t('AddDialog.OriginalTorrentTitle')} label={t('AddDialog.OriginalTorrentTitle')}
style={{ marginTop: '1em' }}
type='text' type='text'
variant='outlined' variant='outlined'
fullWidth fullWidth
@@ -100,7 +101,8 @@ export default function RightSideComponent({
endAdornment: ( endAdornment: (
<InputAdornment position='end'> <InputAdornment position='end'>
<IconButton <IconButton
style={{ padding: '1px' }} size='small'
style={{ padding: '1px', marginRight: '-6px' }}
onClick={() => { onClick={() => {
setTitle('') setTitle('')
setIsCustomTitleEnabled(!isCustomTitleEnabled) setIsCustomTitleEnabled(!isCustomTitleEnabled)
@@ -108,7 +110,7 @@ export default function RightSideComponent({
setIsUserInteractedWithPoster(false) setIsUserInteractedWithPoster(false)
}} }}
> >
<HighlightOffIcon style={{ color: isCustomTitleEnabled ? primary : rgba('#ccc', 0.5) }} /> <HighlightOffIcon style={{ color: isCustomTitleEnabled ? primary : rgba('#ccc', 0.25) }} />
</IconButton> </IconButton>
</InputAdornment> </InputAdornment>
), ),
@@ -121,6 +123,7 @@ export default function RightSideComponent({
value={title} value={title}
margin='dense' margin='dense'
label={t('AddDialog.TitleBlank')} label={t('AddDialog.TitleBlank')}
style={{ marginTop: '1em' }}
type='text' type='text'
variant='outlined' variant='outlined'
fullWidth fullWidth
@@ -154,11 +157,12 @@ export default function RightSideComponent({
? () => ( ? () => (
<IconButton <IconButton
size='small' size='small'
onClick={(e) => { style={{ padding: '1px', marginLeft: '6px', marginRight: '8px' }}
setCategory(""); onClick={() => {
setCategory('')
}} }}
> >
<Clear /> <HighlightOffIcon style={{ color: primary }} />
</IconButton> </IconButton>
) )
: undefined : undefined