edited EmailScreen's Delte Modal formatting

This commit is contained in:
2024-08-15 20:45:54 +08:00
parent 7618532d7a
commit 10803b9322
3 changed files with 7 additions and 6 deletions

View File

@@ -293,13 +293,14 @@ const ScannedDataBox: React.FC<ScannedDataBoxProps> = ({ qrCodeId, clearScanData
<Text style={[styles.resultText, { color: resultColor }]}> <Text style={[styles.resultText, { color: resultColor }]}>
Result: {resultText} Result: {resultText}
</Text> </Text>
<Text style={styles.classificationText}>
Classification: {classification}
</Text>
{/* URL Type */} {/* URL Type */}
{type === 'URL' && ( {type === 'URL' && (
<> <>
<Text style={styles.classificationText}>
Classification: {classification}
</Text>
<View style={styles.mainContent}> <View style={styles.mainContent}>
{/* Left Container */} {/* Left Container */}
<View style={styles.leftContainer}> <View style={styles.leftContainer}>

View File

@@ -298,7 +298,6 @@ const EmailScreen: React.FC = () => {
> >
<View style={styles.modalOverlay}> <View style={styles.modalOverlay}>
<View style={styles.modalContainer}> <View style={styles.modalContainer}>
<View style={styles.modalContent}>
<Text style={styles.modalTitle}>Are you sure?</Text> <Text style={styles.modalTitle}>Are you sure?</Text>
<Text style={styles.modalText}>This will only delete the entry on the app and not the actual email.</Text> <Text style={styles.modalText}>This will only delete the entry on the app and not the actual email.</Text>
<View style={styles.modalButtons}> <View style={styles.modalButtons}>
@@ -315,7 +314,6 @@ const EmailScreen: React.FC = () => {
<Text style={[styles.modalButtonText, { color: '#ff69b4' }]}>No, Keep It</Text> <Text style={[styles.modalButtonText, { color: '#ff69b4' }]}>No, Keep It</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
</View>
</View> </View>
</View> </View>
</Modal> </Modal>
@@ -469,7 +467,7 @@ const styles = StyleSheet.create({
}, },
deleteButtonText: { deleteButtonText: {
marginRight: screenWidth * 0.02, marginRight: screenWidth * 0.02,
color: '#f41c87', color: '#ff69b4',
fontSize: screenWidth * 0.035, fontSize: screenWidth * 0.035,
}, },
modalOverlay: { modalOverlay: {
@@ -497,6 +495,7 @@ const styles = StyleSheet.create({
marginBottom: screenHeight * 0.01, marginBottom: screenHeight * 0.01,
}, },
modalText: { modalText: {
color: '#ff69b4',
fontSize: screenWidth * 0.04, fontSize: screenWidth * 0.04,
marginBottom: screenHeight * 0.02, marginBottom: screenHeight * 0.02,
textAlign: 'center', textAlign: 'center',

View File

@@ -267,6 +267,7 @@ const styles = StyleSheet.create({
marginBottom: screenHeight * 0.01, marginBottom: screenHeight * 0.01,
}, },
modalText: { modalText: {
color: '#ff69b4',
fontSize: screenWidth * 0.04, fontSize: screenWidth * 0.04,
marginBottom: screenHeight * 0.02, marginBottom: screenHeight * 0.02,
textAlign: 'center', textAlign: 'center',