Zipline-Android-App/styles/components/largeUserView.ts

64 lines
1.1 KiB
TypeScript

import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
mainContainer: {
backgroundColor: "#181c28",
borderRadius: 10,
marginVertical: 5,
marginHorizontal: 10,
},
titleContainer: {
padding: 10,
flexDirection: "row",
justifyContent: "space-between",
},
titleLeftContainer: {
flexDirection: "row",
justifyContent: "flex-start",
},
titleRightContainer: {
flexDirection: "row",
justifyContent: "flex-start",
alignItems: "center",
},
userInfoContainer: {
width: "65%",
},
userUsername: {
textAlignVertical: "center",
color: "white",
fontSize: 16,
},
userId: {
color: "gray",
textAlignVertical: "center",
fontSize: 10,
},
link: {
color: "#575DB5",
},
divider: {
height: 3,
width: "100%",
backgroundColor: "#222c47",
},
keysContainer: {
padding: 10,
},
key: {
color: "#6c7a8d",
fontSize: 14,
},
keyName: {
fontWeight: "bold",
},
userAvatar: {
width: 40,
height: 40,
borderRadius: 10,
marginRight: 10,
justifyContent: "center",
alignItems: "center",
backgroundColor: "#1e232f",
},
});