fix: fixes show more / show less (#5000)

* fixes font

* oops merge again
This commit is contained in:
lynn 2022-10-25 15:11:25 -04:00 committed by GitHub
parent 83597c0efe
commit f65fb5bc2b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions

@ -1,5 +1,5 @@
import { style } from '@vanilla-extract/css' import { style } from '@vanilla-extract/css'
import { bodySmall, headlineSmall } from 'nft/css/common.css' import { bodySmall, buttonTextSmall, headlineSmall } from 'nft/css/common.css'
import { loadingAsset, loadingBlock } from 'nft/css/loading.css' import { loadingAsset, loadingBlock } from 'nft/css/loading.css'
import { breakpoints, sprinkles } from '../../css/sprinkles.css' import { breakpoints, sprinkles } from '../../css/sprinkles.css'
@ -85,11 +85,11 @@ export const readMore = style([
verticalAlign: 'top', verticalAlign: 'top',
lineHeight: '20px', lineHeight: '20px',
}, },
buttonTextSmall,
sprinkles({ sprinkles({
color: 'blue400', color: 'textSecondary',
cursor: 'pointer', cursor: 'pointer',
marginLeft: '4', marginLeft: '4',
fontSize: '14',
}), }),
]) ])

@ -232,7 +232,7 @@ const CollectionDescription = ({ description }: { description: string }) => {
/> />
</Box> </Box>
<Box as="span" display={showReadMore ? 'inline' : 'none'} className={styles.readMore} onClick={toggleReadMore}> <Box as="span" display={showReadMore ? 'inline' : 'none'} className={styles.readMore} onClick={toggleReadMore}>
Show {readMore ? 'less' : 'more'} show {readMore ? 'less' : 'more'}
</Box> </Box>
</Box> </Box>
) )