solana-app-kit

---

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

​

Variable: styles

const styles: object

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

​

Type declaration

​

button

button: object

​

button.alignItems

alignItems: "center" = 'center'

​

button.backgroundColor

backgroundColor: string = 'black'

​

button.borderRadius

borderRadius: number = 8

​

button.bottom

bottom: number = 4

​

button.height

height: number = 30

​

button.justifyContent

justifyContent: "center" = 'center'

​

button.left

left: "50%" = '50%'

​

button.marginLeft

marginLeft: number = -59.5

​

button.position

position: "absolute" = 'absolute'

​

button.width

width: number = 119

​

buttonText

buttonText: object

​

buttonText.color

color: string = 'white'

​

buttonText.fontSize

fontSize: number = 12

​

buttonText.fontWeight

fontWeight: "500" = '500'

​

buttonText.textAlign

textAlign: "center" = 'center'

​

container

container: object

​

container.backgroundColor

backgroundColor: string = '#F6F7F9'

​

container.borderColor

borderColor: string = '#F2F2F2'

​

container.borderRadius

borderRadius: number = 12

​

container.borderWidth

borderWidth: number = 1

​

container.height

height: number = 161

​

container.overflow

overflow: "hidden" = 'hidden'

​

container.position

position: "relative" = 'relative'

​

container.width

width: number = 131

​

handleText

handleText: object

​

handleText.color

color: string = '#ADADAD'

​

handleText.fontSize

fontSize: number = 12

​

handleText.fontWeight

fontWeight: "500" = '500'

​

handleText.textAlign

textAlign: "center" = 'center'

​

image

image: object

​

image.top

top: number = 0

​

imgBox

imgBox: object

​

imgBox.alignItems

alignItems: "center" = 'center'

​

imgBox.borderColor

borderColor: string = 'white'

​

imgBox.borderRadius

borderRadius: number = 32

​

imgBox.borderWidth

borderWidth: number = 4

​

imgBox.height

height: number = 64

​

imgBox.justifyContent

justifyContent: "center" = 'center'

​

imgBox.left

left: "50%" = '50%'

​

imgBox.marginLeft

marginLeft: number = -32

​

imgBox.overflow

overflow: "hidden" = 'hidden'

​

imgBox.position

position: "absolute" = 'absolute'

​

imgBox.top

top: number = 12

​

imgBox.width

width: number = 64

​

profImg

profImg: object

​

profImg.height

height: "100%" = '100%'

​

profImg.resizeMode

resizeMode: "cover" = 'cover'

​

profImg.width

width: "100%" = '100%'

​

userInfoContainer

userInfoContainer: object

​

userInfoContainer.alignItems

alignItems: "center" = 'center'

​

userInfoContainer.flexDirection

flexDirection: "column" = 'column'

​

userInfoContainer.height

height: number = 37

​

userInfoContainer.justifyContent

justifyContent: "center" = 'center'

​

userInfoContainer.left

left: "50%" = '50%'

​

userInfoContainer.marginLeft

marginLeft: number = -59.5

​

userInfoContainer.position

position: "absolute" = 'absolute'

​

userInfoContainer.top

top: "50%" = '50%'

​

userInfoContainer.width

width: number = 119

​

usernameText

usernameText: object

​

usernameText.fontSize

fontSize: number = 12

​

usernameText.fontWeight

fontWeight: "600" = '600'

​

usernameText.textAlign

textAlign: "center" = 'center'