usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-01 01:58:14 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: image width error while loading (#2394)

Browse source 
fix image width error while loading
This commit is contained in:
Athurg Gooth 2023-10-17 22:00:45 +08:00 committed by GitHub
parent 213c2ea71b
commit e30d0c2dd0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/MemoResourceListView.tsx
View file

@ -44,7 +44,7 @@ const MemoResourceListView: React.FC<Props> = (props: Props) => {
(imageResourceList.length === 1 ? ( (imageResourceList.length === 1 ? (
<div className="mt-2 max-w-full max-h-72 flex justify-center items-center border dark:border-zinc-800 rounded overflow-hidden hide-scrollbar hover:shadow-md"> <div className="mt-2 max-w-full max-h-72 flex justify-center items-center border dark:border-zinc-800 rounded overflow-hidden hide-scrollbar hover:shadow-md">
<img <img
className="cursor-pointer min-h-full w-auto min-w-full object-cover" className="cursor-pointer min-h-full w-auto object-cover"
src={getResourceUrl(imageResourceList[0])} src={getResourceUrl(imageResourceList[0])}
onClick={() => handleImageClick(getResourceUrl(imageResourceList[0]))} onClick={() => handleImageClick(getResourceUrl(imageResourceList[0]))}
decoding="async" decoding="async"
@ -65,7 +65,7 @@ const MemoResourceListView: React.FC<Props> = (props: Props) => {
className="flex justify-center items-center border dark:border-zinc-900 rounded overflow-hidden hide-scrollbar hover:shadow-md" className="flex justify-center items-center border dark:border-zinc-900 rounded overflow-hidden hide-scrollbar hover:shadow-md"
> >
<img <img
className="cursor-pointer min-h-full w-auto min-w-full object-cover" className="cursor-pointer min-h-full w-auto object-cover"
src={resource.externalLink ? url : url + "?thumbnail=1"} src={resource.externalLink ? url : url + "?thumbnail=1"}
onClick={() => handleImageClick(url)} onClick={() => handleImageClick(url)}
decoding="async" decoding="async"