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

fix(toolbox) fixed toolbox safeareaview on mobile

This commit is contained in:
Calin Chitu 2022-02-22 14:36:30 +02:00 committed by Calinteodor
parent c84e6eecdd
commit e0881502d3
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
react/features/toolbox/components/native/styles.js
View File

@ -1,8 +1,7 @@
// @flow // @flow
import { ColorSchemeRegistry, schemeColor } from '../../../base/color-scheme'; import { ColorSchemeRegistry, schemeColor } from '../../../base/color-scheme';
import { BoxModel } from '../../../base/styles'; import BaseTheme from '../../../base/ui/components/BaseTheme.native';
import BaseTheme from '../../../base/ui/components/BaseTheme';
const BUTTON_SIZE = 48; const BUTTON_SIZE = 48;
@ -65,7 +64,7 @@ const reactionMenu = {
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
backgroundColor: BaseTheme.palette.bottomSheet, backgroundColor: BaseTheme.palette.bottomSheet,
padding: 16 padding: BaseTheme.spacing[3]
}; };
/** /**
@ -89,17 +88,19 @@ const styles = {
flexDirection: 'row', flexDirection: 'row',
flexGrow: 0, flexGrow: 0,
justifyContent: 'space-between', justifyContent: 'space-between',
paddingHorizontal: BoxModel.margin, margin: BaseTheme.spacing[2]
paddingVertical: 8
}, },
/** /**
* The style of the root/top-level container of {@link Toolbox}. * The style of the root/top-level container of {@link Toolbox}.
*/ */
toolboxContainer: { toolboxContainer: {
backgroundColor: BaseTheme.palette.uiBackground,
flexDirection: 'column', flexDirection: 'column',
flexGrow: 0, flexGrow: 0,
height: '100%',
width: '100%', width: '100%',
maxHeight: 80,
maxWidth: 580, maxWidth: 580,
marginLeft: 'auto', marginLeft: 'auto',
marginRight: 'auto' marginRight: 'auto'