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

image loading fixes (fixes #1345)

Browse Source
This commit is contained in:
k00b 2024-09-02 18:15:04 -05:00
parent 7428738b23
commit 67799a508a
3 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/image.js
View File

@ -57,7 +57,7 @@ function ImageOriginal ({ src, topLevel, rel, tab, children, onClick, ...props }
target='_blank'
rel={rel ?? UNKNOWN_LINK_REL}
href={src}
>{isRawURL ? src : children}
>{isRawURL || !children ? src : children}
</a>
)
}

2
components/text.js
View File

@ -150,7 +150,7 @@ export default memo(function Text ({ rel, imgproxyUrls, children, tab, itemId, o
return url
}
const srcSet = imgproxyUrls?.[url]
return <ZoomableImage srcSet={srcSet} tab={tab} src={src} rel={rel ?? UNKNOWN_LINK_REL} {...props} topLevel />
return <ZoomableImage srcSet={srcSet} tab={tab} src={src} rel={rel ?? UNKNOWN_LINK_REL} {...props} topLevel={topLevel} />
}, [imgproxyUrls, topLevel, tab])
return (

9
components/text.module.css
View File

@ -129,16 +129,13 @@
}
.text img {
--height: 35vh;
--width: 100%;
display: block;
margin-top: .5rem;
margin-bottom: .5rem;
width: auto;
max-width: min(var(--width), 100%);
max-width: 100%;
cursor: zoom-in;
height: auto;
max-height: min(var(--height), 25vh);
max-height: 25vh;
object-fit: contain;
object-position: left top;
min-width: 50%;
@ -148,7 +145,7 @@
.text img.topLevel {
margin-top: .75rem;
margin-bottom: .75rem;
max-height: min(var(--height), 35vh);
max-height: 35vh;
}
img.fullScreen {