Visually unify the home header with other screens

zio/stable
Paul Frazee 2023-05-25 17:09:23 -05:00
parent cc6ead42d0
commit bf056cf622
5 changed files with 10 additions and 6 deletions

View File

@ -52,6 +52,7 @@ export const colors = {
green5: '#082b03', green5: '#082b03',
unreadNotifBg: '#ebf6ff', unreadNotifBg: '#ebf6ff',
brandBlue: '#0066FF',
} }
export const gradients = { export const gradients = {
@ -218,6 +219,8 @@ export const s = StyleSheet.create({
green3: {color: colors.green3}, green3: {color: colors.green3},
green4: {color: colors.green4}, green4: {color: colors.green4},
green5: {color: colors.green5}, green5: {color: colors.green5},
brandBlue: {color: colors.brandBlue},
}) })
export function lh( export function lh(

View File

@ -59,7 +59,7 @@ export const FeedsTabBar = observer(
/> />
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<Text type="title" style={[pal.link, s.bold]}> <Text type="title-lg" style={[s.brandBlue, s.bold]}>
Bluesky Bluesky
</Text> </Text>
<View style={[pal.view]}> <View style={[pal.view]}>
@ -104,6 +104,7 @@ const styles = StyleSheet.create({
justifyContent: 'space-between', justifyContent: 'space-between',
alignItems: 'center', alignItems: 'center',
paddingHorizontal: 18, paddingHorizontal: 18,
paddingTop: 8,
paddingBottom: 2, paddingBottom: 2,
width: '100%', width: '100%',
}, },

View File

@ -131,14 +131,14 @@ const styles = isDesktopWeb
backgroundColor: 'transparent', backgroundColor: 'transparent',
}, },
contentContainer: { contentContainer: {
columnGap: 14, columnGap: 16,
marginLeft: 14, marginLeft: 14,
paddingRight: 28, paddingRight: 28,
backgroundColor: 'transparent', backgroundColor: 'transparent',
}, },
item: { item: {
paddingTop: 8, paddingTop: 10,
paddingBottom: 8, paddingBottom: 10,
borderBottomWidth: 3, borderBottomWidth: 3,
borderBottomColor: 'transparent', borderBottomColor: 'transparent',
}, },

View File

@ -77,7 +77,7 @@ export const ViewHeader = observer(function ({
<FontAwesomeIcon <FontAwesomeIcon
size={18} size={18}
icon="bars" icon="bars"
style={[styles.backIcon, pal.icon]} style={[styles.backIcon, pal.textLight]}
/> />
)} )}
</TouchableOpacity> </TouchableOpacity>

View File

@ -23,7 +23,7 @@ import {useAnalytics} from 'lib/analytics'
import {ComposeIcon2} from 'lib/icons' import {ComposeIcon2} from 'lib/icons'
import {isDesktopWeb} from 'platform/detection' import {isDesktopWeb} from 'platform/detection'
const HEADER_OFFSET = isDesktopWeb ? 50 : 64 const HEADER_OFFSET = isDesktopWeb ? 50 : 78
const POLL_FREQ = 30e3 // 30sec const POLL_FREQ = 30e3 // 30sec
type Props = NativeStackScreenProps<HomeTabNavigatorParams, 'Home'> type Props = NativeStackScreenProps<HomeTabNavigatorParams, 'Home'>