solana-app-kit


solana-app-kit / components/WalletSlide/portfolioItem/portfolioItem.style / style

Variable: style

const style: object

Defined in: src/components/WalletSlide/portfolioItem/portfolioItem.style.ts:3

Type declaration

container

container: object

container.alignItems

alignItems: "center" = "center"

container.backgroundColor

backgroundColor: string = "#F6F7F9"

container.borderRadius

borderRadius: number = 12

container.flexDirection

flexDirection: "row" = "row"

container.justifyContent

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

container.marginVertical

marginVertical: number = 5

container.padding

padding: number = 12

image

image: object = {}

leftSection

leftSection: object

leftSection.alignItems

alignItems: "center" = "center"

leftSection.flexDirection

flexDirection: "row" = "row"

leftSection.gap

gap: number = 6

profit

profit: object

profit.backgroundColor

backgroundColor: string = "#E8FFEA"

profit.borderRadius

borderRadius: number = 4

profit.color

color: string = "#32DE6B"

profit.fontSize

fontSize: number = 12

profit.fontWeight

fontWeight: "600" = "600"

profit.paddingHorizontal

paddingHorizontal: number = 2

profit.paddingVertical

paddingVertical: number = 2

profit.textAlign

textAlign: "center" = "center"

rightSection

rightSection: object

rightSection.alignItems

alignItems: "flex-end" = "flex-end"

rightSection.flexDirection

flexDirection: "column" = "column"

rightSection.gap

gap: number = 4

tokenAmount

tokenAmount: object

tokenAmount.color

color: string = "#999999"

tokenAmount.fontSize

fontSize: number = 15

tokenAmount.fontWeight

fontWeight: "600" = "600"

tokenInfo

tokenInfo: object

tokenInfo.flexDirection

flexDirection: "column" = "column"

tokenInfo.gap

gap: number = 4

tokenName

tokenName: object

tokenName.alignItems

alignItems: "center" = "center"

tokenName.flexDirection

flexDirection: "row" = "row"

tokenName.gap

gap: number = 4

tokenText

tokenText: object

tokenText.fontSize

fontSize: number = 15

tokenText.fontWeight

fontWeight: "600" = "600"

usdValue

usdValue: object

usdValue.color

color: string = "#999999"

usdValue.fontSize

fontSize: number = 15

usdValue.fontWeight

fontWeight: "600" = "600"