ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/item-full.js
View File

@ -74,7 +74,7 @@ function ItemEmbed ({ item }) {
if (twitter?.groups?.id) { if (twitter?.groups?.id) {
return ( return (
<div className={`${styles.twitterContainer} ${show ? '' : styles.twitterContained}`}> <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 && {overflowing && !show &&
<Button size='lg' variant='info' className={styles.twitterShowFull} onClick={() => setShow(true)}> <Button size='lg' variant='info' className={styles.twitterShowFull} onClick={() => setShow(true)}>
show full tweet show full tweet

4
styles/item.module.css
View File

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