Mirror/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-02-12 08:19:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix book controls overflow on small displays

Browse Source
This commit is contained in:
Reckless_Satoshi 2023-02-14 11:13:09 -08:00
parent db83f2b972
commit 4f930345f9
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
1 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
frontend/src/components/BookTable/BookControl.tsx
View File

@ -80,36 +80,38 @@ const BookControl = ({
</Grid> </Grid>
) : null} ) : null}
<Grid item> {width > smallestToolbarWidth + 5 ? (
<Tooltip <Grid item>
placement='bottom' <Tooltip
enterTouchDelay={200} placement='bottom'
enterDelay={700} enterTouchDelay={200}
enterNextDelay={2000} enterDelay={700}
title={t('Show Lightning swaps')} enterNextDelay={2000}
> title={t('Show Lightning swaps')}
<ToggleButtonGroup
sx={{
height: '2.6em',
backgroundColor: theme.palette.background.paper,
border: '0.5px solid',
borderColor: 'text.disabled',
'&:hover': {
borderColor: 'text.primary',
border: '1px solid',
},
}}
size='small'
exclusive={true}
value={fav.mode}
onChange={handleModeChange}
> >
<ToggleButton value={'swap'} color={'secondary'}> <ToggleButtonGroup
<SwapCalls /> sx={{
</ToggleButton> height: '2.6em',
</ToggleButtonGroup> backgroundColor: theme.palette.background.paper,
</Tooltip> border: '0.5px solid',
</Grid> borderColor: 'text.disabled',
'&:hover': {
borderColor: 'text.primary',
border: '1px solid',
},
}}
size='small'
exclusive={true}
value={fav.mode}
onChange={handleModeChange}
>
<ToggleButton value={'swap'} color={'secondary'}>
<SwapCalls />
</ToggleButton>
</ToggleButtonGroup>
</Tooltip>
</Grid>
) : null}
<Grid item> <Grid item>
<ToggleButtonGroup <ToggleButtonGroup