fix twitter embed styling
This commit is contained in:
parent
20e46e747d
commit
6bc1b08606
|
@ -74,7 +74,7 @@ function ItemEmbed ({ item }) {
|
|||
if (twitter?.groups?.id) {
|
||||
return (
|
||||
<div className={`${styles.twitterContainer} ${show ? '' : styles.twitterContained}`}>
|
||||
<TwitterTweetEmbed tweetId={twitter.groups.id} options={{ width: '550px', theme: darkMode ? 'dark' : 'light' }} placeholder={<TweetSkeleton />} onLoad={() => setOverflowing(true)} />
|
||||
<TwitterTweetEmbed tweetId={twitter.groups.id} options={{ theme: darkMode ? 'dark' : 'light', width: '550px' }} key={darkMode ? '1' : '2'} placeholder={<TweetSkeleton />} onLoad={() => setOverflowing(true)} />
|
||||
{overflowing && !show &&
|
||||
<Button size='lg' variant='info' className={styles.twitterShowFull} onClick={() => setShow(true)}>
|
||||
show full tweet
|
||||
|
|
|
@ -36,6 +36,10 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.twitterContainer iframe {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.twitterContained {
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
|
|
Loading…
Reference in New Issue