solana-app-kit

---

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

​

Variable: styles

const styles: object

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

​

Type declaration

​

button

button: object

​

button.alignItems

alignItems: "center" = 'center'

​

button.borderRadius

borderRadius: number = 8

​

button.height

height: number = 32

​

button.justifyContent

justifyContent: "center" = 'center'

​

button.width

width: number = 96

​

buttonText

buttonText: object

​

buttonText.fontSize

fontSize: number = 12

​

buttonText.fontWeight

fontWeight: "500" = '500'

​

buttonText.textAlign

textAlign: "center" = 'center'

​

container

container: object

​

container.alignItems

alignItems: "center" = 'center'

​

container.display

display: "flex" = 'flex'

​

container.flexDirection

flexDirection: "row" = 'row'

​

container.height

height: number = 66

​

container.justifyContent

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

​

container.paddingHorizontal

paddingHorizontal: number = 24

​

container.width

width: "100%" = '100%'

​

flatListContainer

flatListContainer: object

​

flatListContainer.paddingBottom

paddingBottom: number = 10

​

followButton

followButton: object

​

followButton.backgroundColor

backgroundColor: string = 'black'

​

followButtonText

followButtonText: object

​

followButtonText.color

color: string = 'white'

​

followingButton

followingButton: object

​

followingButton.backgroundColor

backgroundColor: string = '#F6F7F9'

​

followingButtonText

followingButtonText: object

​

followingButtonText.color

color: string = '#ADADAD'

​

image

image: object

​

image.height

height: "100%" = '100%'

​

image.resizeMode

resizeMode: "cover" = 'cover'

​

image.width

width: "100%" = '100%'

​

imgBox

imgBox: object

​

imgBox.borderRadius

borderRadius: number = 64

​

imgBox.height

height: number = 32

​

imgBox.marginRight

marginRight: number = 7

​

imgBox.overflow

overflow: "hidden" = 'hidden'

​

imgBox.width

width: number = 32

​

nameText

nameText: object

​

nameText.color

color: string = '#1E1E1E'

​

nameText.fontSize

fontSize: number = 15

​

nameText.fontWeight

fontWeight: "600" = '600'

​

textContainer

textContainer: object

​

textContainer.display

display: "flex" = 'flex'

​

textContainer.flexDirection

flexDirection: "column" = 'column'

​

userDetails

userDetails: object

​

userDetails.display

display: "flex" = 'flex'

​

userDetails.flexDirection

flexDirection: "row" = 'row'

​

userDetails.width

width: "60%" = '60%'

​

usernameText

usernameText: object

​

usernameText.color

color: string = '#999999'

​

usernameText.fontSize

fontSize: number = 15

​

usernameText.fontWeight

fontWeight: "500" = '500'