jiti-meet/react/features/base/avatar/components/native/styles.js

50 lines
1.0 KiB
JavaScript
Raw Normal View History

2019-06-26 14:08:23 +00:00
// @flow
import { ColorPalette } from '../../../styles';
2019-07-03 15:39:39 +00:00
const DEFAULT_SIZE = 65;
2019-06-26 14:08:23 +00:00
/**
* The styles of the feature base/participants.
*/
export default {
2019-07-03 15:39:39 +00:00
avatarContainer: (size: number = DEFAULT_SIZE) => {
2019-06-26 14:08:23 +00:00
return {
alignItems: 'center',
borderRadius: size / 2,
height: size,
justifyContent: 'center',
overflow: 'hidden',
width: size
};
},
2019-07-03 15:39:39 +00:00
avatarContent: (size: number = DEFAULT_SIZE) => {
2019-06-26 14:08:23 +00:00
return {
height: size,
width: size
};
},
initialsContainer: {
alignItems: 'center',
alignSelf: 'stretch',
flex: 1,
justifyContent: 'center'
},
2019-07-03 15:39:39 +00:00
initialsText: (size: number = DEFAULT_SIZE) => {
2019-06-26 14:08:23 +00:00
return {
color: 'rgba(255, 255, 255, 0.6)',
2019-07-09 11:44:12 +00:00
fontSize: size * 0.45,
2019-06-26 14:08:23 +00:00
fontWeight: '100'
};
},
staticAvatar: {
backgroundColor: ColorPalette.lightGrey,
opacity: 0.4
}
};