From 509785982a1b4ac9ab145bac90d97be7044228c4 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Fri, 30 Aug 2024 21:21:17 +0200
Subject: Init alert list page

---
 components/ParallaxScrollView.tsx | 11 +++--------
 components/ThemedText.tsx         |  3 ++-
 2 files changed, 5 insertions(+), 9 deletions(-)

(limited to 'components')

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,
-- 
cgit v1.2.3-18-g5258