show private key dialog styling

This commit is contained in:
Monkey 2024-08-09 15:20:09 -04:00 committed by Cody Bender
parent a1747b8ba7
commit da3e4534d0
2 changed files with 6 additions and 5 deletions

View File

@ -61,7 +61,7 @@ const ShowPKDialog = () => {
style={styles.dataBoxData}
sx={{
wordWrap: "break-word",
whiteSpace: "initial",
whiteSpace: "initial"
}}
>
{privateKey}
@ -70,8 +70,7 @@ const ShowPKDialog = () => {
)}
<View>
<Typography variant="body1" style={styles.dialogWarning}>
<Typography component="span">Warning: </Typography>
Never disclose this key. Anyone with your private keys can steal
Warning: Never disclose this key. Anyone with your private keys can steal
any assets held in your account.
</Typography>
</View>
@ -83,7 +82,7 @@ const ShowPKDialog = () => {
<Button style={{...styles.buttonBlue, ...styles.button}} onClick={hideShowPKDialog}>No</Button>
</>
) : (
<Button onClick={hideShowPKDialog}>Ok</Button>
<Button style={{...styles.buttonBlue, ...styles.button}} onClick={hideShowPKDialog}>Ok</Button>
)}
</DialogActions>
</Dialog>

View File

@ -281,6 +281,8 @@ const styles = StyleSheet.create({
},
dataBoxContainer: {
marginBottom: 10,
backgroundColor: '#29292E',
border: 'none'
},
dataBoxLabel: {
fontSize: 18,
@ -296,7 +298,7 @@ const styles = StyleSheet.create({
},
dataBoxData: {
fontSize: 16,
color: 'black',
color: 'white',
},
transactionText: {
padding: 8,