diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/ParallaxScrollView.tsx | 11 | ||||
| -rw-r--r-- | components/ThemedText.tsx | 3 |
2 files changed, 5 insertions, 9 deletions
diff --git a/components/ParallaxScrollView.tsx b/components/ParallaxScrollView.tsx index c54cbae..d803ee6 100644 --- a/components/ParallaxScrollView.tsx +++ b/components/ParallaxScrollView.tsx @@ -8,6 +8,7 @@ import Animated, { } from 'react-native-reanimated'; import { ThemedView } from '@/components/ThemedView'; +import { ThemedText } from './ThemedText'; const HEADER_HEIGHT = 250; @@ -23,7 +24,7 @@ export default function ParallaxScrollView({ <ThemedView style={styles.container}> <Animated.ScrollView ref={scrollRef} scrollEventThrottle={16}> <View style={styles.nav}> - <Text style={styles.navText}>CAS4</Text> + <ThemedText type="title">CAS4</ThemedText> </View> <ThemedView style={styles.content}>{children}</ThemedView> </Animated.ScrollView> @@ -36,16 +37,10 @@ const styles = StyleSheet.create({ flex: 1, }, nav: { - backgroundColor: '#fcfcfc', + backgroundColor: 'rgba(10, 10, 10, .5)', paddingTop: 50, padding: 10, }, - navText: { - textAlign: 'center', - fontFamily: 'SpaceMono', - fontSize: 24, - fontWeight: 'bold' - }, header: { height: 250, overflow: 'hidden', diff --git a/components/ThemedText.tsx b/components/ThemedText.tsx index c0e1a78..636a039 100644 --- a/components/ThemedText.tsx +++ b/components/ThemedText.tsx @@ -46,7 +46,8 @@ const styles = StyleSheet.create({ title: { fontSize: 32, fontWeight: 'bold', - lineHeight: 32, + textAlign: 'center', + fontFamily: 'SpaceMono', }, subtitle: { fontSize: 20, |