small adjustments for next build

This commit is contained in:
Gabriel Brown 2024-09-12 12:48:30 -05:00
parent 80169960e0
commit 6407a23ee0
2 changed files with 46 additions and 37 deletions

View File

@ -115,14 +115,15 @@ const styles = StyleSheet.create({
}, },
input: { input: {
width: '100%', width: '100%',
minHeight: 100, minHeight: 120,
borderColor: 'transparent', borderColor: 'transparent',
borderWidth: 1, borderWidth: 1,
borderRadius: 10, borderRadius: 10,
padding: 10, padding: 10,
marginBottom: 20, marginBottom: 20,
marginTop: 120, marginTop: 160,
fontSize: 42, fontSize: 42,
lineHeight: 60,
textAlign: 'center', textAlign: 'center',
color: '#FFFFFF', color: '#FFFFFF',
fontWeight: 'bold', fontWeight: 'bold',

View File

@ -3,6 +3,7 @@ import { StyleSheet, TouchableOpacity, Modal, Platform, View } from 'react-nativ
import { ThemedText } from '@/components/ThemedText'; import { ThemedText } from '@/components/ThemedText';
import { ThemedView } from '@/components/ThemedView'; import { ThemedView } from '@/components/ThemedView';
import DateTimePicker from '@react-native-community/datetimepicker'; import DateTimePicker from '@react-native-community/datetimepicker';
import { LinearGradient } from 'expo-linear-gradient';
import axios from 'axios'; import axios from 'axios';
const API_KEY = process.env.EXPO_PUBLIC_API_KEY; const API_KEY = process.env.EXPO_PUBLIC_API_KEY;
@ -50,6 +51,12 @@ export default function ChangeDateDrawer({ isVisible, onClose, onDateChange, cur
> >
<ThemedView style={styles.centeredView}> <ThemedView style={styles.centeredView}>
<ThemedView style={styles.modalView}> <ThemedView style={styles.modalView}>
<LinearGradient
colors={['#F67C0A', '#F60AD3']}
style={styles.modalView}
start={{ x: 0, y: 0 }}
end={{ x: 1, y: 1 }}
>
<ThemedText style={styles.modalText}>Set New Countdown Date & Time</ThemedText> <ThemedText style={styles.modalText}>Set New Countdown Date & Time</ThemedText>
<ThemedView style={styles.buttonContainer}> <ThemedView style={styles.buttonContainer}>
@ -84,6 +91,7 @@ export default function ChangeDateDrawer({ isVisible, onClose, onDateChange, cur
<ThemedText style={styles.buttonText}>Cancel</ThemedText> <ThemedText style={styles.buttonText}>Cancel</ThemedText>
</TouchableOpacity> </TouchableOpacity>
</ThemedView> </ThemedView>
</LinearGradient>
</ThemedView> </ThemedView>
</ThemedView> </ThemedView>
</Modal> </Modal>
@ -95,13 +103,13 @@ const styles = StyleSheet.create({
flex: 1, flex: 1,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
backgroundColor: 'rgba(0, 0, 0, 0.5)', backgroundColor: 'rgba(0, 0, 0, 0)',
}, },
modalView: { modalView: {
margin: 20, margin: 10,
backgroundColor: 'black', backgroundColor: 'transparent',
borderRadius: 20,
padding: 35, padding: 35,
borderRadius: 40,
alignItems: 'center', alignItems: 'center',
shadowColor: '#000', shadowColor: '#000',
shadowOffset: { shadowOffset: {