fix #1451
This commit is contained in:
parent
a01590e321
commit
00bcd8c992
|
@ -53,13 +53,21 @@ function BioItem ({ item, handleClick }) {
|
||||||
function ItemEmbed ({ url, imgproxyUrls }) {
|
function ItemEmbed ({ url, imgproxyUrls }) {
|
||||||
const provider = parseEmbedUrl(url)
|
const provider = parseEmbedUrl(url)
|
||||||
if (provider) {
|
if (provider) {
|
||||||
return <Embed src={url} {...provider} topLevel />
|
return (
|
||||||
|
<div className='mt-3'>
|
||||||
|
<Embed src={url} {...provider} topLevel />
|
||||||
|
</div>
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (imgproxyUrls) {
|
if (imgproxyUrls) {
|
||||||
const src = IMGPROXY_URL_REGEXP.test(url) ? decodeProxyUrl(url) : url
|
const src = IMGPROXY_URL_REGEXP.test(url) ? decodeProxyUrl(url) : url
|
||||||
const srcSet = imgproxyUrls?.[url]
|
const srcSet = imgproxyUrls?.[url]
|
||||||
return <MediaOrLink src={src} srcSet={srcSet} topLevel linkFallback={false} />
|
return (
|
||||||
|
<div className='mt-3'>
|
||||||
|
<MediaOrLink src={src} srcSet={srcSet} topLevel linkFallback={false} />
|
||||||
|
</div>
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
return null
|
return null
|
||||||
|
|
|
@ -216,13 +216,13 @@
|
||||||
width: auto;
|
width: auto;
|
||||||
max-height: inherit;
|
max-height: inherit;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
aspect-ratio: var(--aspect-ratio);
|
aspect-ratio: var(--aspect-ratio);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mediaContainer img {
|
.mediaContainer img {
|
||||||
cursor: zoom-in;
|
cursor: zoom-in;
|
||||||
min-width: 30%;
|
min-width: 30%;
|
||||||
max-width: 100%;
|
|
||||||
object-position: left top;
|
object-position: left top;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue