8f56f79c6c
* Swap for chat icon * Replace icons in left nav * Replace icons in bottom bars * Ditch feeds, drop size * Fine tune * Swap bell icon, improve alignment and size
68 lines
1.2 KiB
TypeScript
68 lines
1.2 KiB
TypeScript
import {StyleSheet} from 'react-native'
|
|
|
|
import {colors} from 'lib/styles'
|
|
|
|
export const styles = StyleSheet.create({
|
|
bottomBar: {
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
left: 0,
|
|
right: 0,
|
|
flexDirection: 'row',
|
|
borderTopWidth: 1,
|
|
paddingLeft: 5,
|
|
paddingRight: 10,
|
|
},
|
|
bottomBarWeb: {
|
|
// @ts-ignore web-only
|
|
position: 'fixed',
|
|
},
|
|
ctrl: {
|
|
flex: 1,
|
|
paddingTop: 13,
|
|
paddingBottom: 4,
|
|
},
|
|
notificationCount: {
|
|
position: 'absolute',
|
|
left: '52%',
|
|
top: 8,
|
|
backgroundColor: colors.blue3,
|
|
paddingHorizontal: 4,
|
|
paddingBottom: 1,
|
|
borderRadius: 6,
|
|
zIndex: 1,
|
|
},
|
|
notificationCountLight: {
|
|
borderColor: colors.white,
|
|
},
|
|
notificationCountDark: {
|
|
borderColor: colors.gray8,
|
|
},
|
|
notificationCountLabel: {
|
|
fontSize: 12,
|
|
fontWeight: 'bold',
|
|
color: colors.white,
|
|
fontVariant: ['tabular-nums'],
|
|
},
|
|
ctrlIcon: {
|
|
marginLeft: 'auto',
|
|
marginRight: 'auto',
|
|
},
|
|
ctrlIconSizingWrapper: {},
|
|
homeIcon: {},
|
|
feedsIcon: {},
|
|
searchIcon: {
|
|
top: -1,
|
|
},
|
|
bellIcon: {},
|
|
profileIcon: {
|
|
borderRadius: 100,
|
|
borderWidth: 1,
|
|
borderColor: 'transparent',
|
|
},
|
|
messagesIcon: {},
|
|
onProfile: {
|
|
borderWidth: 1,
|
|
borderRadius: 100,
|
|
},
|
|
})
|