Files
bsky-social-app/src/view/shell/bottom-bar/BottomBarStyles.tsx
T

85 lines
1.5 KiB
TypeScript

import {StyleSheet} from 'react-native'
import {atoms as a, tokens} from '#/alf'
export const styles = StyleSheet.create({
bottomBar: {
position: 'absolute',
bottom: 0,
left: 0,
right: 0,
flexDirection: 'row',
borderTopWidth: StyleSheet.hairlineWidth,
paddingLeft: tokens.space.sm,
paddingRight: tokens.space.sm,
},
bottomBarWeb: a.fixed,
ctrl: {
flex: 1,
paddingTop: 13,
paddingBottom: 4,
},
notificationCount: {
position: 'absolute',
left: '52%',
top: 8,
paddingHorizontal: 5,
paddingTop: 1,
paddingBottom: 2,
borderRadius: 6,
zIndex: 1,
},
notificationCountWeb: {
paddingTop: 3,
paddingBottom: 3,
borderRadius: 12,
},
notificationCountLabel: {
fontSize: 12,
fontWeight: '600',
color: 'white',
fontVariant: ['tabular-nums'],
includeFontPadding: false,
},
hasNewBadge: {
position: 'absolute',
left: '54%',
marginLeft: 4,
top: 10,
width: 8,
height: 8,
borderRadius: 4,
zIndex: 1,
},
ctrlIcon: {
marginLeft: 'auto',
marginRight: 'auto',
},
ctrlIconSizingWrapper: {},
homeIcon: {},
feedsIcon: {},
searchIcon: {
top: -1,
},
bellIcon: {},
profileIcon: {
borderRadius: 100,
borderWidth: 1,
borderColor: 'transparent',
},
profileIconSquare: {
borderRadius: 3,
borderWidth: 1,
borderColor: 'transparent',
},
messagesIcon: {},
onProfile: {
borderWidth: 1,
borderRadius: 100,
},
onProfileSquare: {
borderWidth: 1,
borderRadius: 3,
},
})