robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {StyleSheet} from 'react-native'
2
3import {colors} from '#/lib/styles'
4import {atoms as a} from '#/alf'
5
6export const styles = StyleSheet.create({
7 bottomBar: {
8 position: 'absolute',
9 bottom: 0,
10 left: 0,
11 right: 0,
12 flexDirection: 'row',
13 borderTopWidth: StyleSheet.hairlineWidth,
14 paddingLeft: 5,
15 paddingRight: 10,
16 },
17 bottomBarWeb: a.fixed,
18 ctrl: {
19 flex: 1,
20 paddingTop: 13,
21 paddingBottom: 4,
22 },
23 notificationCount: {
24 position: 'absolute',
25 left: '52%',
26 top: 8,
27 paddingHorizontal: 4,
28 paddingBottom: 1,
29 borderRadius: 6,
30 zIndex: 1,
31 },
32 notificationCountWeb: {
33 paddingTop: 3,
34 paddingBottom: 3,
35 borderRadius: 12,
36 },
37 notificationCountLabel: {
38 fontSize: 12,
39 fontWeight: '600',
40 color: colors.white,
41 fontVariant: ['tabular-nums'],
42 },
43 hasNewBadge: {
44 position: 'absolute',
45 left: '54%',
46 marginLeft: 4,
47 top: 10,
48 width: 8,
49 height: 8,
50 backgroundColor: colors.blue3,
51 borderRadius: 6,
52 zIndex: 1,
53 },
54 ctrlIcon: {
55 marginLeft: 'auto',
56 marginRight: 'auto',
57 },
58 ctrlIconSizingWrapper: {},
59 homeIcon: {},
60 feedsIcon: {},
61 searchIcon: {
62 top: -1,
63 },
64 bellIcon: {},
65 profileIcon: {
66 borderRadius: 100,
67 borderWidth: 1,
68 borderColor: 'transparent',
69 },
70 messagesIcon: {},
71 onProfile: {
72 borderWidth: 1,
73 borderRadius: 100,
74 },
75 onProfileSquare: {
76 borderWidth: 1,
77 borderRadius: 5,
78 },
79})