solana-app-kit

---

solana-app-kit / components/otherProfile/ProfileInfo/profileInfo.style / styles

​

Variable: styles

const styles: object

Defined in: src/components/otherProfile/ProfileInfo/profileInfo.style.ts:4

​

Type declaration

​

bioSection

bioSection: object

​

bioSection.fontSize

fontSize: number = 14

​

bioSection.fontWeight

fontWeight: "400" = "400"

​

bioSection.textAlign

textAlign: "left" = "left"

​

btnGrp

btnGrp: object

​

btnGrp.flexDirection

flexDirection: "row" = 'row'

​

btnGrp.gap

gap: number = 10

​

firstimage

firstimage: object

​

firstimage.borderRadius

borderRadius: number = 10

​

firstimage.height

height: number = 32

​

firstimage.width

width: number = 32

​

followBtn

followBtn: object

​

followBtn.alignItems

alignItems: "center" = 'center'

​

followBtn.backgroundColor

backgroundColor: string = '#2A2A2A'

​

followBtn.borderRadius

borderRadius: number = 12

​

followBtn.flex

flex: number = 1

​

followBtn.height

height: number = 45

​

followBtn.justifyContent

justifyContent: "center" = 'center'

​

followBtnText

followBtnText: object

​

followBtnText.color

color: string = 'white'

​

followBtnText.fontSize

fontSize: number = 14

​

followBtnText.fontWeight

fontWeight: "600" = '600'

​

followBtnText.letterSpacing

letterSpacing: number = 0.02

​

followBtnText.textAlign

textAlign: "center" = 'center'

​

followingStatsContainer

followingStatsContainer: object

​

followingStatsContainer.display

display: "flex" = 'flex'

​

followingStatsContainer.flexDirection

flexDirection: "row" = 'row'

​

followingStatsContainer.gap

gap: number = 4

​

imageContainer

imageContainer: object

​

imageContainer.alignItems

alignItems: "center" = 'center'

​

imageContainer.flexDirection

flexDirection: "row" = 'row'

​

imageContainer.left

left: number = -4

​

profileInfo

profileInfo: object

​

profileInfo.gap

gap: number = 12

​

profileInfo.height

height: "auto" = "auto"

​

profileInfo.paddingBottom

paddingBottom: number = 12

​

profileInfo.paddingHorizontal

paddingHorizontal: number = 16

​

profileInfo.width

width: "100%" = "100%"

​

profImg

profImg: object

​

profImg.height

height: "100%" = "100%"

​

profImg.resizeMode

resizeMode: "cover" = "cover"

​

profImg.width

width: "100%" = "100%"

​

profImgContainer

profImgContainer: object

​

profImgContainer.alignItems

alignItems: "center" = "center"

​

profImgContainer.borderRadius

borderRadius: number = 42

​

profImgContainer.height

height: number = 72

​

profImgContainer.justifyContent

justifyContent: "center" = "center"

​

profImgContainer.width

width: number = 72

​

secondImage

secondImage: object

​

secondImage.marginLeft

marginLeft: number = -18

​

sendToWalletBtn

sendToWalletBtn: object

​

sendToWalletBtn.alignItems

alignItems: "center" = 'center'

​

sendToWalletBtn.backgroundColor

backgroundColor: string = COLORS.greyLight

​

sendToWalletBtn.borderColor

borderColor: string = COLORS.greyBorder

​

sendToWalletBtn.borderRadius

borderRadius: number = 12

​

sendToWalletBtn.borderWidth

borderWidth: number = 2

​

sendToWalletBtn.flex

flex: number = 1

​

sendToWalletBtn.height

height: number = 45

​

sendToWalletBtn.justifyContent

justifyContent: "center" = 'center'

​

sendToWalletBtnText

sendToWalletBtnText: object

​

sendToWalletBtnText.color

color: string = '#2A2A2A'

​

sendToWalletBtnText.fontSize

fontSize: number = 14

​

sendToWalletBtnText.fontWeight

fontWeight: "600" = '600'

​

sendToWalletBtnText.letterSpacing

letterSpacing: number = 0.02

​

sendToWalletBtnText.textAlign

textAlign: "center" = 'center'

​

text

text: object

​

text.color

color: string = COLORS.greyMid

​

text.flexWrap

flexWrap: "wrap" = 'wrap'

​

text.fontSize

fontSize: number = 12

​

text.fontWeight

fontWeight: "500" = '500'

​

text.textAlign

textAlign: "left" = 'left'

​

textContainer

textContainer: object

​

textContainer.justifyContent

justifyContent: "center" = 'center'

​

textContainer.width

width: number = 290