haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(virtual-background) Fix virtual backgrounds list (#11833)

This commit is contained in:
Horatiu Muresan 2022-07-12 16:18:07 +03:00 committed by Horatiu Muresan
parent 55e10a6e0f
commit f5c0df622d
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
react/features/virtual-background/components/VirtualBackgroundDialog.js
View File

@ -110,7 +110,12 @@ const VirtualBackgroundDialog = translate(connect(_mapStateToProps)(VirtualBackg
const useStyles = makeStyles(theme => {
return {
container: {
display: 'flex',
flexDirection: 'column'
},
dialog: {
alignSelf: 'flex-start',
marginLeft: '-10px',
position: 'relative',
maxHeight: '300px',
@ -198,10 +203,11 @@ const useStyles = makeStyles(theme => {
left: '51px'
}
},
'@media (max-width: 360px)': {
gridTemplateColumns: 'auto auto auto'
'@media (max-width: 720px)': {
gridTemplateColumns: 'auto auto auto auto'
},
'@media (max-width: 632px)': {
gridTemplateColumns: 'auto auto auto auto auto',
fontSize: '1.5vw',
[[ '& .desktop-share:hover',
@ -229,6 +235,12 @@ const useStyles = makeStyles(theme => {
height: '60px',
width: '60px'
}
},
'@media (max-width: 360px)': {
gridTemplateColumns: 'auto auto auto auto'
},
'@media (max-width: 319px)': {
gridTemplateColumns: 'auto auto'
}
},
dialogMarginTop: {
@ -527,7 +539,7 @@ function VirtualBackground({
size = 'medium' />
</div>
) : (
<div>
<div className = { classes.container }>
{_showUploadButton
&& <UploadImageButton
setLoading = { setLoading }