solana-app-kit

---

solana-app-kit / components/tweet/tweet.style / createTweetStyles

​

Function: createTweetStyles()

createTweetStyles(isSmallScreen): object

Defined in: src/components/tweet/tweet.style.ts:4

​

Parameters

​

isSmallScreen

boolean

​

Returns

object

​

avatar

avatar: object

​

avatar.borderRadius

borderRadius: number = 20

​

avatar.height

height: number = 40

​

avatar.resizeMode

resizeMode: "cover" = 'cover'

​

avatar.width

width: number = 40

​

avatarContainer

avatarContainer: object

​

avatarContainer.alignItems

alignItems: "center" = 'center'

​

avatarContainer.width

width: "15%" = '15%'

​

buyButton

buyButton: object

​

buyButton.alignItems

alignItems: "center" = 'center'

​

buyButton.backgroundColor

backgroundColor: string = COLORS.brandPurpleBg

​

buyButton.borderRadius

borderRadius: number = 13

​

buyButton.height

height: number = 26

​

buyButton.justifyContent

justifyContent: "center" = 'center'

​

buyButton.width

width: number = 40

​

buyButtonText

buyButtonText: object

​

buyButtonText.color

color: string = COLORS.brandPurple

​

buyButtonText.fontSize

fontSize: number = 12

​

buyButtonText.fontWeight

fontWeight: "500" = '500'

​

container

container: object

​

container.flexDirection

flexDirection: "row" = 'row'

​

container.paddingHorizontal

paddingHorizontal: number

​

container.paddingVertical

paddingVertical: number = 20

​

container.width

width: "100%" = '100%'

​

handle

handle: object

​

handle.color

color: string = COLORS.greyMid

​

handle.fontSize

fontSize: number

​

handle.fontWeight

fontWeight: "400" = '400'

​

header

header: object

​

header.alignItems

alignItems: "center" = 'center'

​

header.flexDirection

flexDirection: "row" = 'row'

​

header.flexWrap

flexWrap: "wrap" = 'wrap'

​

header.gap

gap: number = 8

​

header.marginBottom

marginBottom: number = 2

​

header.position

position: "relative" = 'relative'

​

infoContainer

infoContainer: object

​

infoContainer.flex

flex: number = 1

​

infoContainer.flexDirection

flexDirection: "column" = 'column'

​

infoContainer.gap

gap: number = 10

​

menuIcon

menuIcon: object

​

menuIcon.position

position: "absolute" = 'absolute'

​

menuIcon.right

right: number = 8

​

metricsContainer

metricsContainer: object

​

metricsContainer.alignContent

alignContent: "center" = 'center'

​

metricsContainer.flexDirection

flexDirection: "row" = 'row'

​

metricsContainer.marginTop

marginTop: number = 2

​

metricsCount

metricsCount: object

​

metricsCount.color

color: string = COLORS.black

​

metricsInfo

metricsInfo: object

​

metricsInfo.flexDirection

flexDirection: "row" = 'row'

​

metricsInfo.paddingLeft

paddingLeft: number = 12

​

metricsText

metricsText: object

​

metricsText.color

color: string = COLORS.greyMid

​

metricsText.fontSize

fontSize: number = 12

​

metricsText.fontWeight

fontWeight: "500" = '500'

​

metricsText.marginLeft

marginLeft: number = 4

​

metricsText.textAlign

textAlign: "left" = 'left'

​

reactionContainer

reactionContainer: object

​

reactionContainer.alignItems

alignItems: "center" = 'center'

​

reactionContainer.flexDirection

flexDirection: "row" = 'row'

​

reactionContainer.justifyContent

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

​

reactionContainer.paddingVertical

paddingVertical: number = 6

​

reactionIcons

reactionIcons: object

​

reactionIcons.alignItems

alignItems: "center" = 'center'

​

reactionIcons.flexDirection

flexDirection: "row" = 'row'

​

reactionIcons.gap

gap: number = 16

​

reactionIcons.paddingRight

paddingRight: number = 8

​

reactionsText

reactionsText: object

​

reactionsText.color

color: string = COLORS.black

​

reactionsText.fontSize

fontSize: number = 12

​

reactionsText.fontWeight

fontWeight: "500" = '500'

​

reactionsText.marginRight

marginRight: number = 4

​

sendText

sendText: object

​

sendText.color

color: string = COLORS.brandPrimary

​

threadAvatar1

threadAvatar1: object

​

threadAvatar1.borderRadius

borderRadius: number

​

threadAvatar1.height

height: number = avatarSize

​

threadAvatar1.left

left: number = -10

​

threadAvatar1.position

position: "absolute" = 'absolute'

​

threadAvatar1.width

width: number = avatarSize

​

threadAvatar1.zIndex

zIndex: number = 3

​

threadAvatar2

threadAvatar2: object

​

threadAvatar2.borderRadius

borderRadius: number

​

threadAvatar2.height

height: number = avatarSize

​

threadAvatar2.left

left: number = -17

​

threadAvatar2.position

position: "absolute" = 'absolute'

​

threadAvatar2.width

width: number = avatarSize

​

threadAvatar2.zIndex

zIndex: number = 2

​

threadAvatar3

threadAvatar3: object

​

threadAvatar3.borderRadius

borderRadius: number

​

threadAvatar3.height

height: number = avatarSize

​

threadAvatar3.left

left: number = -24

​

threadAvatar3.position

position: "absolute" = 'absolute'

​

threadAvatar3.width

width: number = avatarSize

​

threadAvatar3.zIndex

zIndex: number = 1

​

threadAvatars

threadAvatars: object

​

threadAvatars.flexDirection

flexDirection: "row" = 'row'

​

threadAvatars.position

position: "relative" = 'relative'

​

tweetText

tweetText: object

​

tweetText.fontSize

fontSize: number

​

tweetText.fontWeight

fontWeight: "400" = '400'

​

tweetText.letterSpacing

letterSpacing: number = 0.3

​

tweetText.lineHeight

lineHeight: number = 18

​

username

username: object

​

username.fontSize

fontSize: number

​

username.fontWeight

fontWeight: "600" = '600'