fix twitter embed styling

This commit is contained in:
keyan 2023-11-21 15:39:53 -06:00
parent 20e46e747d
commit 6bc1b08606
2 changed files with 5 additions and 1 deletions

View File

@ -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

View File

@ -36,6 +36,10 @@
position: relative;
}
.twitterContainer iframe {
border-radius: 12px;
}
.twitterContained {
height: 200px;
overflow: hidden;