blago
/
tunio-desktop
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Adjust button positions

master
jeffvli 3 years ago
parent
0f7575f10e
commit
2e30ca6424
2 changed files with 60 additions and 64 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 62
      src/components/player/NowPlayingMiniView.tsx
  2. 62
      src/components/player/NowPlayingView.tsx

62
src/components/player/NowPlayingMiniView.tsx
View File

@ -339,38 +339,36 @@ const NowPlayingMiniView = () => {
/>
</StyledInputPickerContainer>
<br />
<ButtonToolbar>
<StyledButton
appearance="subtle"
onClick={() => handlePlayRandom('addNext')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
>
<Icon icon="plus-circle" style={{ marginRight: '10px' }} />
{t('Add (next)')}
</StyledButton>
<StyledButton
appearance="subtle"
onClick={() => handlePlayRandom('addLater')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
>
<Icon icon="plus" style={{ marginRight: '10px' }} />
{t('Add (later)')}
</StyledButton>
</ButtonToolbar>
<ButtonToolbar>
<StyledButton
block
appearance="primary"
onClick={() => handlePlayRandom('play')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
>
<Icon icon="play" style={{ marginRight: '10px' }} />
{t('Play')}
</StyledButton>
</ButtonToolbar>
<StyledButton
appearance="subtle"
onClick={() => handlePlayRandom('addNext')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
style={{ width: '50%' }}
>
<Icon icon="plus-circle" style={{ marginRight: '10px' }} />
{t('Add (next)')}
</StyledButton>
<StyledButton
appearance="subtle"
onClick={() => handlePlayRandom('addLater')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
style={{ width: '50%' }}
>
<Icon icon="plus" style={{ marginRight: '10px' }} />
{t('Add (later)')}
</StyledButton>
<StyledButton
block
appearance="primary"
onClick={() => handlePlayRandom('play')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
>
<Icon icon="play" style={{ marginRight: '10px' }} />
{t('Play')}
</StyledButton>
</Popup>
}
>

62
src/components/player/NowPlayingView.tsx
View File

@ -359,38 +359,36 @@ const NowPlayingView = () => {
/>
</StyledInputPickerContainer>
<br />
<ButtonToolbar>
<StyledButton
appearance="subtle"
onClick={() => handlePlayRandom('addNext')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
>
<Icon icon="plus-circle" style={{ marginRight: '10px' }} />
{t('Add (next)')}
</StyledButton>
<StyledButton
appearance="subtle"
onClick={() => handlePlayRandom('addLater')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
>
<Icon icon="plus" style={{ marginRight: '10px' }} />
{t('Add (later)')}
</StyledButton>
</ButtonToolbar>
<ButtonToolbar>
<StyledButton
block
appearance="primary"
onClick={() => handlePlayRandom('play')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
>
<Icon icon="play" style={{ marginRight: '10px' }} />
{t('Play')}
</StyledButton>
</ButtonToolbar>
<StyledButton
appearance="subtle"
onClick={() => handlePlayRandom('addNext')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
style={{ width: '50%' }}
>
<Icon icon="plus-circle" style={{ marginRight: '10px' }} />
{t('Add (next)')}
</StyledButton>
<StyledButton
appearance="subtle"
onClick={() => handlePlayRandom('addLater')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
style={{ width: '50%' }}
>
<Icon icon="plus" style={{ marginRight: '10px' }} />
{t('Add (later)')}
</StyledButton>
<StyledButton
block
appearance="primary"
onClick={() => handlePlayRandom('play')}
loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')}
>
<Icon icon="play" style={{ marginRight: '10px' }} />
{t('Play')}
</StyledButton>
</Popup>
}
>

Write Preview
Loading…
Cancel
Save