solana-app-kit

---

solana-app-kit / screens/Common/NftScreen/sellSection.styles / sellStyles

​

Variable: sellStyles

const sellStyles: object

Defined in: src/screens/Common/NftScreen/sellSection.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'

​

collectionName

collectionName: object

​

collectionName.color

color: string = '#666'

​

collectionName.fontSize

fontSize: number = 12

​

collectionName.marginBottom

marginBottom: number = 4

​

emptyContainer

emptyContainer: object

​

emptyContainer.alignItems

alignItems: "center" = 'center'

​

emptyContainer.padding

padding: number = 40

​

emptyListText

emptyListText: object

​

emptyListText.color

color: string = '#999'

​

emptyListText.fontSize

fontSize: number = 16

​

emptyListText.textAlign

textAlign: "center" = 'center'

​

errorText

errorText: object

​

errorText.backgroundColor

backgroundColor: string = '#fff0f0'

​

errorText.borderRadius

borderRadius: number = 4

​

errorText.color

color: string = '#ff6b6b'

​

errorText.fontSize

fontSize: number = 12

​

errorText.marginBottom

marginBottom: number = 12

​

errorText.padding

padding: number = 8

​

formTitle

formTitle: object

​

formTitle.color

color: string = '#333'

​

formTitle.fontSize

fontSize: number = 16

​

formTitle.fontWeight

fontWeight: "600" = '600'

​

formTitle.marginBottom

marginBottom: number = 12

​

imageContainer

imageContainer: object

​

imageContainer.backgroundColor

backgroundColor: string = '#f7f7f7'

​

imageContainer.height

height: number = 140

​

imageContainer.width

width: "100%" = '100%'

​

infoText

infoText: object

​

infoText.fontSize

fontSize: number = 14

​

infoText.fontWeight

fontWeight: "500" = '500'

​

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

​

listedCard

listedCard: object

​

listedCard.backgroundColor

backgroundColor: string = '#fff'

​

listedCard.borderColor

borderColor: string = '#eee'

​

listedCard.borderRadius

borderRadius: number = 12

​

listedCard.borderWidth

borderWidth: number = 1

​

listedCard.elevation

elevation: number = 2

​

listedCard.margin

margin: number = 8

​

listedCard.overflow

overflow: "hidden" = 'hidden'

​

listedCard.shadowColor

shadowColor: string = '#000'

​

listedCard.shadowOffset

shadowOffset: object

​

listedCard.shadowOffset.height

height: number = 1

​

listedCard.shadowOffset.width

width: number = 0

​

listedCard.shadowOpacity

shadowOpacity: number = 0.1

​

listedCard.shadowRadius

shadowRadius: number = 2

​

listedCard.width

width: number = 140

​

loadingContainer

loadingContainer: object

​

loadingContainer.alignItems

alignItems: "center" = 'center'

​

loadingContainer.justifyContent

justifyContent: "center" = 'center'

​

loadingContainer.padding

padding: number = 20

​

loadingText

loadingText: object

​

loadingText.color

color: string = '#666'

​

loadingText.marginTop

marginTop: number = 12

​

mintAddress

mintAddress: object

​

mintAddress.color

color: string = '#999'

​

mintAddress.fontSize

fontSize: number = 10

​

modalOverlay

modalOverlay: object

​

modalOverlay.alignItems

alignItems: "center" = 'center'

​

modalOverlay.backgroundColor

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

​

modalOverlay.flex

flex: number = 1

​

modalOverlay.justifyContent

justifyContent: "center" = 'center'

​

nftCard

nftCard: object

​

nftCard.backgroundColor

backgroundColor: string = '#fff'

​

nftCard.borderColor

borderColor: string = '#eee'

​

nftCard.borderRadius

borderRadius: number = 12

​

nftCard.borderWidth

borderWidth: number = 1

​

nftCard.elevation

elevation: number = 2

​

nftCard.marginBottom

marginBottom: number = 12

​

nftCard.overflow

overflow: "hidden" = 'hidden'

​

nftCard.shadowColor

shadowColor: string = '#000'

​

nftCard.shadowOffset

shadowOffset: object

​

nftCard.shadowOffset.height

height: number = 1

​

nftCard.shadowOffset.width

width: number = 0

​

nftCard.shadowOpacity

shadowOpacity: number = 0.1

​

nftCard.shadowRadius

shadowRadius: number = 2

​

nftCard.width

width: "48%" = '48%'

​

nftCardSelected

nftCardSelected: object

​

nftCardSelected.backgroundColor

backgroundColor: string = '#f0fbfc'

​

nftCardSelected.borderColor

borderColor: string = '#32D4DE'

​

nftCardSelected.borderWidth

borderWidth: number = 2

​

nftDetails

nftDetails: object

​

nftDetails.padding

padding: number = 8

​

nftGrid

nftGrid: object

​

nftGrid.justifyContent

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

​

nftGrid.marginBottom

marginBottom: number = 12

​

nftImage

nftImage: object

​

nftImage.height

height: "100%" = '100%'

​

nftImage.width

width: "100%" = '100%'

​

nftList

nftList: object

​

nftList.paddingBottom

paddingBottom: number = 80

​

nftName

nftName: object

​

nftName.color

color: string = '#222'

​

nftName.fontSize

fontSize: number = 14

​

nftName.fontWeight

fontWeight: "600" = '600'

​

nftName.marginBottom

marginBottom: number = 4

​

nftSection

nftSection: object

​

nftSection.marginBottom

marginBottom: number = 20

​

placeholderImage

placeholderImage: object

​

placeholderImage.alignItems

alignItems: "center" = 'center'

​

placeholderImage.backgroundColor

backgroundColor: string = '#eee'

​

placeholderImage.flex

flex: number = 1

​

placeholderImage.justifyContent

justifyContent: "center" = 'center'

​

placeholderText

placeholderText: object

​

placeholderText.color

color: string = '#999'

​

priceText

priceText: object

​

priceText.color

color: string = '#333'

​

priceText.fontSize

fontSize: number = 12

​

priceText.fontWeight

fontWeight: "500" = '500'

​

priceText.marginTop

marginTop: number = 4

​

reloadButton

reloadButton: object

​

reloadButton.backgroundColor

backgroundColor: string = '#f3f3f3'

​

reloadButton.borderRadius

borderRadius: number = 6

​

reloadButton.paddingHorizontal

paddingHorizontal: number = 12

​

reloadButton.paddingVertical

paddingVertical: number = 6

​

reloadButtonText

reloadButtonText: object

​

reloadButtonText.fontWeight

fontWeight: "600" = '600'

​

sectionTitle

sectionTitle: object

​

sectionTitle.color

color: string = '#2a2a2a'

​

sectionTitle.fontSize

fontSize: number = 16

​

sectionTitle.fontWeight

fontWeight: "600" = '600'

​

sectionTitle.marginBottom

marginBottom: number = 12

​

sectionTitle.paddingHorizontal

paddingHorizontal: number = 4

​

selectedIndicator

selectedIndicator: object

​

selectedIndicator.alignItems

alignItems: "center" = 'center'

​

selectedIndicator.backgroundColor

backgroundColor: string = '#32D4DE'

​

selectedIndicator.borderRadius

borderRadius: number = 12

​

selectedIndicator.height

height: number = 24

​

selectedIndicator.justifyContent

justifyContent: "center" = 'center'

​

selectedIndicator.position

position: "absolute" = 'absolute'

​

selectedIndicator.right

right: number = 8

​

selectedIndicator.top

top: number = 8

​

selectedIndicator.width

width: number = 24

​

selectedMint

selectedMint: object

​

selectedMint.color

color: string = '#666'

​

selectedMint.fontSize

fontSize: number = 12

​

selectedMint.marginBottom

marginBottom: number = 8

​

selectedNftInfo

selectedNftInfo: object

​

selectedNftInfo.backgroundColor

backgroundColor: string = 'white'

​

selectedNftInfo.borderRadius

borderRadius: number = 8

​

selectedNftInfo.marginBottom

marginBottom: number = 16

​

selectedNftInfo.padding

padding: number = 8

​

selectedNftName

selectedNftName: object

​

selectedNftName.color

color: string = '#222'

​

selectedNftName.fontWeight

fontWeight: "500" = '500'

​

selectedNftName.marginBottom

marginBottom: number = 4

​

selectedText

selectedText: object

​

selectedText.color

color: string = 'white'

​

selectedText.fontWeight

fontWeight: "bold" = 'bold'

​

sellForm

sellForm: object

​

sellForm.backgroundColor

backgroundColor: string = '#f8f8f8'

​

sellForm.borderColor

borderColor: string = '#eee'

​

sellForm.borderRadius

borderRadius: number = 12

​

sellForm.borderWidth

borderWidth: number = 1

​

sellForm.marginHorizontal

marginHorizontal: number = 20

​

sellForm.padding

padding: number = 16

​

sellForm.width

width: "90%" = '90%'

​

sellHeader

sellHeader: object

​

sellHeader.alignItems

alignItems: "center" = 'center'

​

sellHeader.flexDirection

flexDirection: "row" = 'row'

​

sellHeader.justifyContent

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

​

sellHeader.marginBottom

marginBottom: number = 12