mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-14 13:37:51 +00:00
dbf7bf4750
* feat(prejoin) created native Prejoin screen * feat(prejoin) fixed useState callback and updates warnings * feat(prejoin) created styles file * feat(prejoin) moved nav from middleware to appNavigate, created native DeviceStatus * feat(prejoin) updated styles * feat(prejoin) review remarks pt. 1 * feat(prejoin) removed unused styles * feat(prejoin) review remarks pt. 2 * feat(prejoin) comment fix * feat(prejoin) added header title * feat(prejoin) review remarks * feat(lobby) updated styles * feat(prejoin) updated lobby screen header button functionality * feat(prejoin) review remarks pt 3 * feat(welcome) removed VideoSwitch component * feat(mobile/navigation) fixed linter * feat(welcome) moved isWelcomePageEnabled to functions.ts * feat(mobile/navigation) screen options and order updates * feat(app) review remark * feat(welcome) added translation for screen header title and fixed build * feat(mobile/navigation) added screen title translation and created screen option * feat(mobile/navigation) fixed screenOptions import * feat(mobile/navigation) added DialInSummary title translation, fixed animation and close button * feat(welcome) fixed build * feat(welcome) removed extra check * feat(prejoin) review remarks pt 4 * feat(prejoin) added Join in low bandwidth mode btn * feat(welcome) changed welcome screen header title * fixup lobby close
122 lines
2.6 KiB
JavaScript
122 lines
2.6 KiB
JavaScript
import BaseTheme from '../../base/ui/components/BaseTheme.native';
|
|
|
|
const SECONDARY_COLOR = BaseTheme.palette.border04;
|
|
const btn = {
|
|
marginTop: BaseTheme.spacing[4]
|
|
};
|
|
const btnText = {
|
|
...BaseTheme.typography.labelButtonLarge,
|
|
color: BaseTheme.palette.text01,
|
|
lineHeight: 30
|
|
};
|
|
|
|
export default {
|
|
button: {
|
|
alignItems: 'center',
|
|
borderRadius: BaseTheme.shape.borderRadius,
|
|
padding: BaseTheme.spacing[2],
|
|
height: BaseTheme.spacing[7]
|
|
},
|
|
|
|
primaryButton: {
|
|
...btn,
|
|
backgroundColor: BaseTheme.palette.action01
|
|
},
|
|
|
|
|
|
primaryButtonText: {
|
|
...btnText
|
|
},
|
|
|
|
secondaryButton: {
|
|
...btn,
|
|
backgroundColor: BaseTheme.palette.action02
|
|
},
|
|
|
|
|
|
secondaryButtonText: {
|
|
...btnText
|
|
},
|
|
|
|
buttonStylesBorderless: {
|
|
iconStyle: {
|
|
color: BaseTheme.palette.icon01,
|
|
fontSize: 24
|
|
},
|
|
style: {
|
|
flexDirection: 'row',
|
|
justifyContent: 'center',
|
|
marginHorizontal: BaseTheme.spacing[3],
|
|
height: 24,
|
|
width: 24
|
|
}
|
|
},
|
|
|
|
contentWrapper: {
|
|
flex: 1
|
|
},
|
|
|
|
contentWrapperWide: {
|
|
flex: 1,
|
|
flexDirection: 'row'
|
|
},
|
|
|
|
largeVideoContainer: {
|
|
minHeight: '50%'
|
|
},
|
|
|
|
largeVideoContainerWide: {
|
|
height: '100%',
|
|
marginRight: 'auto',
|
|
position: 'absolute',
|
|
width: '50%'
|
|
},
|
|
|
|
contentContainer: {
|
|
alignItems: 'center',
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
minHeight: '50%'
|
|
},
|
|
|
|
contentContainerWide: {
|
|
height: '100%',
|
|
justifyContent: 'center',
|
|
left: '50%',
|
|
marginHorizontal: BaseTheme.spacing[6],
|
|
marginVertical: BaseTheme.spacing[3],
|
|
position: 'absolute',
|
|
width: '50%'
|
|
},
|
|
|
|
toolboxContainer: {
|
|
alignSelf: 'center',
|
|
display: 'flex',
|
|
flexDirection: 'row',
|
|
justifyContent: 'center',
|
|
marginTop: BaseTheme.spacing[4]
|
|
},
|
|
|
|
toolboxContainerWide: {
|
|
flexDirection: 'row',
|
|
justifyContent: 'center',
|
|
marginTop: BaseTheme.spacing[4]
|
|
},
|
|
|
|
formWrapper: {
|
|
alignSelf: 'stretch',
|
|
justifyContent: 'center',
|
|
marginHorizontal: BaseTheme.spacing[3]
|
|
},
|
|
|
|
field: {
|
|
backgroundColor: BaseTheme.palette.field02,
|
|
borderColor: SECONDARY_COLOR,
|
|
borderRadius: BaseTheme.shape.borderRadius,
|
|
borderWidth: 2,
|
|
height: BaseTheme.spacing[7],
|
|
marginTop: BaseTheme.spacing[2],
|
|
textAlign: 'center'
|
|
}
|
|
};
|