forked from cerc-io/laconic-wallet
150f10b91f
* Connect with dapp using WalletConnect * Pair dapp with wallet * Sign message taken from dapp and return the signature * Add todos * Move wallet connect functions to seperate screen * Change ui * Change ui for wc modals * Add styles * Remove border radius at the bottom * Make review changes * Add dependancy to useEffect * Move pairing modal methods --------- Co-authored-by: Adw8 <adwait@deepstacksoft.com>
197 lines
3.4 KiB
JavaScript
197 lines
3.4 KiB
JavaScript
import { StyleSheet } from 'react-native';
|
|
|
|
const styles = StyleSheet.create({
|
|
createWalletContainer: {
|
|
marginTop: 20,
|
|
width: 150,
|
|
alignSelf: 'center',
|
|
},
|
|
signLink: {
|
|
alignItems: 'flex-end',
|
|
marginTop: 24,
|
|
},
|
|
hyperlink: {
|
|
fontWeight: '500',
|
|
textDecorationLine: 'underline',
|
|
},
|
|
highlight: {
|
|
fontWeight: '700',
|
|
},
|
|
accountContainer: {
|
|
marginTop: 24,
|
|
},
|
|
addAccountButton: {
|
|
marginTop: 24,
|
|
alignSelf: 'center',
|
|
},
|
|
accountComponent: {
|
|
flex: 4,
|
|
},
|
|
appContainer: {
|
|
flexGrow: 1,
|
|
marginTop: 24,
|
|
paddingHorizontal: 24,
|
|
},
|
|
resetContainer: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
},
|
|
resetButton: {
|
|
alignSelf: 'center',
|
|
},
|
|
signButton: {
|
|
marginTop: 20,
|
|
width: 150,
|
|
alignSelf: 'center',
|
|
},
|
|
signPage: {
|
|
paddingHorizontal: 24,
|
|
},
|
|
accountInfo: {
|
|
marginTop: 24,
|
|
marginBottom: 30,
|
|
},
|
|
networkDropdown: {
|
|
marginBottom: 20,
|
|
},
|
|
dialogTitle: {
|
|
padding: 10,
|
|
},
|
|
dialogContents: {
|
|
marginTop: 24,
|
|
padding: 10,
|
|
borderWidth: 1,
|
|
borderRadius: 10,
|
|
},
|
|
dialogWarning: {
|
|
color: 'red',
|
|
},
|
|
gridContainer: {
|
|
flexDirection: 'row',
|
|
flexWrap: 'wrap',
|
|
justifyContent: 'center',
|
|
},
|
|
gridItem: {
|
|
width: '25%',
|
|
margin: 8,
|
|
padding: 6,
|
|
borderWidth: 1,
|
|
borderColor: '#ccc',
|
|
borderRadius: 8,
|
|
alignItems: 'center',
|
|
justifyContent: 'flex-start',
|
|
},
|
|
HDcontainer: {
|
|
marginTop: 24,
|
|
paddingHorizontal: 8,
|
|
},
|
|
HDrowContainer: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
},
|
|
HDtext: {
|
|
color: 'black',
|
|
fontSize: 18,
|
|
margin: 4,
|
|
},
|
|
HDtextInput: {
|
|
flex: 1,
|
|
},
|
|
HDbuttonContainer: {
|
|
marginTop: 20,
|
|
width: 200,
|
|
alignSelf: 'center',
|
|
},
|
|
spinnerContainer: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
},
|
|
LoadingText: {
|
|
color: 'black',
|
|
fontSize: 18,
|
|
padding: 10,
|
|
},
|
|
requestMessage: {
|
|
borderWidth: 1,
|
|
borderRadius: 5,
|
|
marginTop: 50,
|
|
height: 50,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
},
|
|
buttonContainer: {
|
|
marginTop: 50,
|
|
flexDirection: 'row',
|
|
marginLeft: 20,
|
|
justifyContent: 'space-evenly',
|
|
},
|
|
badRequestContainer: {
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
padding: 20,
|
|
},
|
|
invalidMessageText: {
|
|
color: 'black',
|
|
fontSize: 16,
|
|
textAlign: 'center',
|
|
marginBottom: 20,
|
|
},
|
|
container: {
|
|
flex: 1,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
},
|
|
modalContentContainer: {
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
borderRadius: 34,
|
|
borderBottomStartRadius: 0,
|
|
borderBottomEndRadius: 0,
|
|
borderWidth: 1,
|
|
width: '100%',
|
|
height: '50%',
|
|
position: 'absolute',
|
|
backgroundColor: 'white',
|
|
bottom: 0,
|
|
},
|
|
dappLogo: {
|
|
width: 50,
|
|
height: 50,
|
|
borderRadius: 8,
|
|
marginVertical: 16,
|
|
},
|
|
space: {
|
|
width: 50,
|
|
},
|
|
flexRow: {
|
|
display: 'flex',
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
marginTop: 20,
|
|
paddingHorizontal: 16,
|
|
},
|
|
marginVertical8: {
|
|
marginVertical: 8,
|
|
textAlign: 'center',
|
|
},
|
|
subHeading: {
|
|
textAlign: 'center',
|
|
fontWeight: '600',
|
|
},
|
|
centerText: {
|
|
textAlign: 'center',
|
|
},
|
|
messageBody: {
|
|
borderWidth: 1,
|
|
borderRadius: 10,
|
|
paddingVertical: 10,
|
|
paddingHorizontal: 10,
|
|
marginVertical: 20,
|
|
},
|
|
});
|
|
|
|
export default styles;
|