fix: fixes show more / show less (#5000)
* fixes font * oops merge again
This commit is contained in:
parent
83597c0efe
commit
f65fb5bc2b
@ -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>
|
||||||
)
|
)
|
||||||
|
Loading…
Reference in New Issue
Block a user