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

[RN] Make the header more compact

This commit is contained in:
Bettenbuk Zoltan 2019-03-04 12:20:17 +01:00 committed by Zoltan Bettenbuk
parent 039805eba3
commit ecb44b6ab4
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
react/features/base/react/components/native/styles.js
View File

@ -7,13 +7,12 @@ import { BoxModel, ColorPalette, createStyleSheet } from '../../../styles';
const AVATAR_OPACITY = 0.4;
const HEADER_COLOR = ColorPalette.blue;
// Header height is from Android guidelines. Also, this looks good.
const HEADER_HEIGHT = 56;
const HEADER_HEIGHT = 48;
const OVERLAY_FONT_COLOR = 'rgba(255, 255, 255, 0.6)';
const SECONDARY_ACTION_BUTTON_SIZE = 30;
export const AVATAR_SIZE = 65;
export const HEADER_PADDING = BoxModel.padding;
export const HEADER_PADDING = BoxModel.padding / 2;
export const STATUSBAR_COLOR = ColorPalette.blueHighlight;
export const SIDEBAR_WIDTH = 250;
export const UNDERLAY_COLOR = 'rgba(255, 255, 255, 0.2)';
@ -30,8 +29,9 @@ const HEADER_STYLES = {
headerButtonIcon: {
alignSelf: 'center',
color: ColorPalette.white,
fontSize: 26,
paddingRight: 22
fontSize: 22,
marginRight: 12,
padding: 8
},
headerButtonText: {
@ -51,7 +51,7 @@ const HEADER_STYLES = {
*/
headerText: {
color: ColorPalette.white,
fontSize: 20
fontSize: 18
},
headerTextWrapper: {
@ -82,7 +82,8 @@ const HEADER_STYLES = {
flexDirection: 'row',
height: HEADER_HEIGHT,
justifyContent: 'space-between',
padding: HEADER_PADDING
paddingHorizontal: BoxModel.padding,
paddingVertical: HEADER_PADDING
}
};