Visually unify the home header with other screens
parent
cc6ead42d0
commit
bf056cf622
|
@ -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(
|
||||||
|
|
|
@ -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%',
|
||||||
},
|
},
|
||||||
|
|
|
@ -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',
|
||||||
},
|
},
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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'>
|
||||||
|
|
Loading…
Reference in New Issue