solana-app-kit

---

solana-app-kit / components/otherProfile/buyCard/buyCard.style / styles

​

Variable: styles

const styles: object

Defined in: src/components/otherProfile/buyCard/buyCard.style.ts:4

​

Type declaration

​

buyButton

buyButton: object

​

buyButton.alignItems

alignItems: "center" = "center"

​

buyButton.backgroundColor

backgroundColor: string = COLORS.greyLight

​

buyButton.borderRadius

borderRadius: number = 12

​

buyButton.height

height: number = 36

​

buyButton.justifyContent

justifyContent: "center" = "center"

​

buyButton.width

width: number = 69

​

buyButtonContainer

buyButtonContainer: object

​

buyButtonContainer.alignItems

alignItems: "center" = 'center'

​

buyButtonContainer.display

display: "flex" = 'flex'

​

buyButtonContainer.flexDirection

flexDirection: "row" = 'row'

​

buyButtonContainer.gap

gap: number = 4

​

buyButtonText

buyButtonText: object

​

buyButtonText.color

color: string = "black"

​

buyButtonText.fontSize

fontSize: number = 12

​

buyButtonText.fontWeight

fontWeight: 600 = 600

​

container

container: object

​

container.borderColor

borderColor: string = COLORS.greyBorderdark

​

container.borderRadius

borderRadius: number = 12

​

container.borderWidth

borderWidth: number = 2

​

container.display

display: "flex" = "flex"

​

container.flexDirection

flexDirection: "row" = "row"

​

container.height

height: "auto" = "auto"

​

container.justifyContent

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

​

container.paddingHorizontal

paddingHorizontal: number = 12

​

container.paddingVertical

paddingVertical: number = 10

​

container.width

width: "100%" = "100%"

​

contentContainer

contentContainer: object

​

contentContainer.alignItems

alignItems: "center" = "center"

​

contentContainer.display

display: "flex" = "flex"

​

contentContainer.flexDirection

flexDirection: "row" = "row"

​

contentContainer.gap

gap: number = 8

​

img

img: object

​

img.height

height: "100%" = "100%"

​

img.width

width: "100%" = "100%"

​

imgContainer

imgContainer: object

​

imgContainer.borderRadius

borderRadius: number = 8

​

imgContainer.height

height: number = 38

​

imgContainer.overflow

overflow: "hidden" = "hidden"

​

imgContainer.width

width: number = 38