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

fix youtube/twitter embed styling when there's text

Browse Source
This commit is contained in:
keyan 2023-11-21 16:20:54 -06:00
parent 6bc1b08606
commit 70e4b27c03
2 changed files with 14 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

@ -86,7 +86,7 @@ function ItemEmbed ({ item }) {
const youtube = item.url?.match(/(https?:\/\/)?((www\.)?(youtube(-nocookie)?|youtube.googleapis)\.com.*(v\/|v=|vi=|vi\/|e\/|embed\/|user\/.*\/u\/\d+\/)|youtu\.be\/)(?<id>[_0-9a-z-]+)((?:\?|&)(?:t|start)=(?<start>\d+))?/i) const youtube = item.url?.match(/(https?:\/\/)?((www\.)?(youtube(-nocookie)?|youtube.googleapis)\.com.*(v\/|v=|vi=|vi\/|e\/|embed\/|user\/.*\/u\/\d+\/)|youtu\.be\/)(?<id>[_0-9a-z-]+)((?:\?|&)(?:t|start)=(?<start>\d+))?/i)
if (youtube?.groups?.id) { if (youtube?.groups?.id) {
return ( return (
<div style={{ maxWidth: '640px', paddingRight: '15px' }}> <div className={styles.youtubeContainerContainer}>
<YouTube <YouTube
videoId={youtube.groups.id} className={styles.youtubeContainer} opts={{ videoId={youtube.groups.id} className={styles.youtubeContainer} opts={{
playerVars: { playerVars: {

13
styles/item.module.css
View File

@ -36,6 +36,19 @@
position: relative; position: relative;
} }
.youtubeContainerContainer {
max-width: 640px;
padding-right: 15px;
}
.twitterContainer:not(:first-child) {
margin-top: .75rem;
}
.youtubeContainerContainer:not(:first-child) {
margin-top: .75rem;
}
.twitterContainer iframe { .twitterContainer iframe {
border-radius: 12px; border-radius: 12px;
} }