solana-app-kit

---

solana-app-kit / screens/Common/NftScreen/buySection.styles / buyStyles

​

Variable: buyStyles

const buyStyles: object

Defined in: src/screens/Common/NftScreen/buySection.styles.ts:3

​

Type declaration

​

actionButton

actionButton: object

​

actionButton.alignItems

alignItems: "center" = 'center'

​

actionButton.backgroundColor

backgroundColor: string = '#32D4DE'

​

actionButton.borderRadius

borderRadius: number = 8

​

actionButton.marginVertical

marginVertical: number = 8

​

actionButton.paddingVertical

paddingVertical: number = 12

​

actionButtonText

actionButtonText: object

​

actionButtonText.color

color: string = '#fff'

​

actionButtonText.fontWeight

fontWeight: "600" = '600'

​

buyButton

buyButton: object

​

buyButton.alignItems

alignItems: "center" = 'center'

​

buyButton.backgroundColor

backgroundColor: string = '#32D4DE'

​

buyButton.borderRadius

borderRadius: number = 6

​

buyButton.marginTop

marginTop: number = 8

​

buyButton.paddingVertical

paddingVertical: number = 8

​

buyButtonText

buyButtonText: object

​

buyButtonText.color

color: string = '#fff'

​

buyButtonText.fontSize

fontSize: number = 14

​

buyButtonText.fontWeight

fontWeight: "600" = '600'

​

cardContent

cardContent: object

​

cardContent.flex

flex: number = 1

​

cardContent.padding

padding: number = 8

​

collectionCard

collectionCard: object

​

collectionCard.backgroundColor

backgroundColor: string = '#fff'

​

collectionCard.borderColor

borderColor: string = '#eee'

​

collectionCard.borderRadius

borderRadius: number = 8

​

collectionCard.borderWidth

borderWidth: number = 1

​

collectionCard.flexDirection

flexDirection: "row" = 'row'

​

collectionCard.marginBottom

marginBottom: number = 12

​

collectionCard.overflow

overflow: "hidden" = 'hidden'

​

collectionImage

collectionImage: object

​

collectionImage.height

height: "100%" = '100%'

​

collectionImage.width

width: "100%" = '100%'

​

collectionName

collectionName: object

​

collectionName.color

color: string = '#222'

​

collectionName.fontSize

fontSize: number = 16

​

collectionName.fontWeight

fontWeight: "600" = '600'

​

collectionName.marginBottom

marginBottom: number = 4

​

confirmButton

confirmButton: object

​

confirmButton.alignItems

alignItems: "center" = 'center'

​

confirmButton.backgroundColor

backgroundColor: string = '#32D4DE'

​

confirmButton.borderRadius

borderRadius: number = 8

​

confirmButton.marginTop

marginTop: number = 16

​

confirmButton.paddingVertical

paddingVertical: number = 12

​

confirmButtonText

confirmButtonText: object

​

confirmButtonText.color

color: string = '#fff'

​

confirmButtonText.fontSize

fontSize: number = 15

​

confirmButtonText.fontWeight

fontWeight: "600" = '600'

​

description

description: object

​

description.color

color: string = '#666'

​

description.fontSize

fontSize: number = 13

​

description.marginBottom

marginBottom: number = 6

​

emptyContainer

emptyContainer: object

​

emptyContainer.alignItems

alignItems: "center" = 'center'

​

emptyContainer.marginTop

marginTop: number = 20

​

emptyText

emptyText: object

​

emptyText.color

color: string = '#888'

​

imageContainer

imageContainer: object

​

imageContainer.backgroundColor

backgroundColor: string = '#f5f5f5'

​

imageContainer.height

height: number = 100

​

imageContainer.width

width: number = 100

​

input

input: object

​

input.backgroundColor

backgroundColor: string = '#fafafa'

​

input.borderColor

borderColor: string = '#dadada'

​

input.borderRadius

borderRadius: number = 6

​

input.borderWidth

borderWidth: number = 1

​

input.marginBottom

marginBottom: number = 12

​

input.padding

padding: number = 10

​

label

label: object

​

label.color

color: string = '#444'

​

label.fontWeight

fontWeight: "600" = '600'

​

label.marginVertical

marginVertical: number = 4

​

modalContent

modalContent: object

​

modalContent.backgroundColor

backgroundColor: string = '#f8f8f8'

​

modalContent.borderColor

borderColor: string = '#eee'

​

modalContent.borderRadius

borderRadius: number = 12

​

modalContent.borderWidth

borderWidth: number = 1

​

modalContent.padding

padding: number = 20

​

modalContent.width

width: "80%" = '80%'

​

modalOverlay

modalOverlay: object

​

modalOverlay.alignItems

alignItems: "center" = 'center'

​

modalOverlay.backgroundColor

backgroundColor: string = 'rgba(0,0,0,0.35)'

​

modalOverlay.flex

flex: number = 1

​

modalOverlay.justifyContent

justifyContent: "center" = 'center'

​

modalText

modalText: object

​

modalText.color

color: string = '#444'

​

modalText.fontSize

fontSize: number = 14

​

modalText.marginBottom

marginBottom: number = 8

​

modalTitle

modalTitle: object

​

modalTitle.color

color: string = '#333'

​

modalTitle.fontSize

fontSize: number = 16

​

modalTitle.fontWeight

fontWeight: "600" = '600'

​

modalTitle.marginBottom

marginBottom: number = 12

​

placeholderImage

placeholderImage: object

​

placeholderImage.alignItems

alignItems: "center" = 'center'

​

placeholderImage.flex

flex: number = 1

​

placeholderImage.justifyContent

justifyContent: "center" = 'center'

​

placeholderText

placeholderText: object

​

placeholderText.color

color: string = '#999'