solana-app-kit

---

solana-app-kit / components/WalletCard/WalletCard.style / styles

​

Variable: styles

const styles: object

Defined in: src/components/WalletCard/WalletCard.style.ts:3

​

Type declaration

​

actionButton

actionButton: object

​

actionButton.alignItems

alignItems: "center" = 'center'

​

actionButton.flex

flex: number = 1

​

actionButtonsRow

actionButtonsRow: object

​

actionButtonsRow.flexDirection

flexDirection: "row" = 'row'

​

actionButtonsRow.gap

gap: number = 16

​

actionButtonsRow.justifyContent

justifyContent: "space-between" = 'space-between'

​

balanceAmount

balanceAmount: object

​

balanceAmount.color

color: string = '#000000'

​

balanceAmount.fontSize

fontSize: number = 36

​

balanceAmount.fontWeight

fontWeight: "700" = '700'

​

balanceAmount.letterSpacing

letterSpacing: number = -0.5

​

balanceAmount.marginBottom

marginBottom: number = 12

​

balanceSection

balanceSection: object

​

balanceSection.alignItems

alignItems: "center" = 'center'

​

balanceSection.marginBottom

marginBottom: number = 28

​

buttonIconContainer

buttonIconContainer: object

​

buttonIconContainer.alignItems

alignItems: "center" = 'center'

​

buttonIconContainer.backgroundColor

backgroundColor: string = '#F5F5F5'

​

buttonIconContainer.borderRadius

borderRadius: number = 26

​

buttonIconContainer.height

height: number = 52

​

buttonIconContainer.justifyContent

justifyContent: "center" = 'center'

​

buttonIconContainer.marginBottom

marginBottom: number = 8

​

buttonIconContainer.width

width: number = 52

​

buttonLabel

buttonLabel: object

​

buttonLabel.color

color: string = '#000000'

​

buttonLabel.fontSize

fontSize: number = 14

​

buttonLabel.fontWeight

fontWeight: "600" = '600'

​

buttonLabel.marginBottom

marginBottom: number = 2

​

buttonSubLabel

buttonSubLabel: object

​

buttonSubLabel.color

color: string = '#666666'

​

buttonSubLabel.fontSize

fontSize: number = 12

​

buttonSubLabel.fontWeight

fontWeight: "500" = '500'

​

container

container: object

​

container.backgroundColor

backgroundColor: string = '#FFFFFF'

​

container.borderRadius

borderRadius: number = 20

​

container.elevation

elevation: number = 4

​

container.padding

padding: number = 24

​

container.shadowColor

shadowColor: string = '#000000'

​

container.shadowOffset

shadowOffset: object

​

container.shadowOffset.height

height: number = 4

​

container.shadowOffset.width

width: number = 0

​

container.shadowOpacity

shadowOpacity: number = 0.08

​

container.shadowRadius

shadowRadius: number = 8

​

container.width

width: "100%" = '100%'

​

percentageContainer

percentageContainer: object

​

percentageContainer.backgroundColor

backgroundColor: string = '#D6FDFF'

​

percentageContainer.borderRadius

borderRadius: number = 8

​

percentageContainer.paddingHorizontal

paddingHorizontal: number = 8

​

percentageContainer.paddingVertical

paddingVertical: number = 4

​

percentageText

percentageText: object

​

percentageText.color

color: string = '#32D4DE'

​

percentageText.fontSize

fontSize: number = 16

​

percentageText.fontWeight

fontWeight: "600" = '600'

​

portfolioLabel

portfolioLabel: object

​

portfolioLabel.color

color: string = '#666666'

​

portfolioLabel.fontSize

fontSize: number = 16

​

portfolioLabel.fontWeight

fontWeight: "500" = '500'

​

priceChangeRow

priceChangeRow: object

​

priceChangeRow.alignItems

alignItems: "center" = 'center'

​

priceChangeRow.flexDirection

flexDirection: "row" = 'row'

​

priceChangeRow.gap

gap: number = 8

​

priceChangeRow.marginBottom

marginBottom: number = 8

​

priceChangeText

priceChangeText: object

​

priceChangeText.color

color: string = '#32D4DE'

​

priceChangeText.fontSize

fontSize: number = 16

​

priceChangeText.fontWeight

fontWeight: "600" = '600'