solana-app-kit

---

solana-app-kit / screens/SampleUI/Chat/ChatScreen/ChatScreen.styles / styles

​

Variable: styles

const styles: object

Defined in: src/screens/SampleUI/Chat/ChatScreen/ChatScreen.styles.ts:8

​

Type declaration

​

avatar

avatar: object

​

avatar.borderRadius

borderRadius: number = 18

​

avatar.height

height: number = 36

​

avatar.marginRight

marginRight: number = 8

​

avatar.width

width: number = 36

​

bubbleContainer

bubbleContainer: object

​

bubbleContainer.borderRadius

borderRadius: number = 10

​

bubbleContainer.padding

padding: number = 8

​

chatScreenContainer

chatScreenContainer: object

​

chatScreenContainer.backgroundColor

backgroundColor: string = '#F1F1F1'

​

chatScreenContainer.flex

flex: number = 1

​

composerContainer

composerContainer: object

​

composerContainer.backgroundColor

backgroundColor: string = '#FFFFFF'

​

composerContainer.borderTopColor

borderTopColor: string = '#E0E0E0'

​

composerContainer.borderTopWidth

borderTopWidth: number = 1

​

composerContainer.padding

padding: number = 8

​

headerRow

headerRow: object

​

headerRow.alignItems

alignItems: "center" = 'center'

​

headerRow.flexDirection

flexDirection: "row" = 'row'

​

headerRow.marginBottom

marginBottom: number = 2

​

listContent

listContent: object

​

listContent.paddingBottom

paddingBottom: number = 8

​

listContent.paddingHorizontal

paddingHorizontal: number = 16

​

listContent.paddingTop

paddingTop: number = 8

​

messageWrapper

messageWrapper: object

​

messageWrapper.marginVertical

marginVertical: number = 6

​

messageWrapper.width

width: "100%" = '100%'

​

receivedBubble

receivedBubble: object

​

receivedBubble.backgroundColor

backgroundColor: string = '#FFFFFF'

​

receivedWrapper

receivedWrapper: object

​

receivedWrapper.alignSelf

alignSelf: "flex-start" = 'flex-start'

​

receivedWrapper.width

width: "90%" = '90%'

​

senderLabel

senderLabel: object

​

senderLabel.color

color: string = '#232324'

​

senderLabel.fontSize

fontSize: number = 12

​

senderLabel.fontWeight

fontWeight: "600" = '600'

​

sentBubble

sentBubble: object

​

sentBubble.backgroundColor

backgroundColor: string = '#E7FEEB'

​

sentWrapper

sentWrapper: object

​

sentWrapper.alignSelf

alignSelf: "flex-end" = 'flex-end'

​

sentWrapper.width

width: "80%" = '80%'

​

timeStampText

timeStampText: object

​

timeStampText.alignSelf

alignSelf: "flex-end" = 'flex-end'

​

timeStampText.color

color: string = '#757575'

​

timeStampText.fontSize

fontSize: number = 10

​

timeStampText.marginTop

marginTop: number = 4

​

usernameContainer

usernameContainer: object

​

usernameContainer.justifyContent

justifyContent: "center" = 'center'