mirror of
https://github.com/usememos/memos.git
synced 2025-06-05 22:09:59 +02:00
chore: remove resource title
This commit is contained in:
@@ -60,20 +60,9 @@ const MemoResourceListView = ({ resources = [] }: { resources: Resource[] }) =>
|
|||||||
};
|
};
|
||||||
|
|
||||||
const MediaList = ({ resources = [] }: { resources: Resource[] }) => {
|
const MediaList = ({ resources = [] }: { resources: Resource[] }) => {
|
||||||
if (resources.length === 1) {
|
|
||||||
const resource = mediaResources[0];
|
|
||||||
return (
|
|
||||||
<div className="max-w-full flex flex-col justify-start items-start overflow-hidden hide-scrollbar">
|
|
||||||
<MediaCard className="max-h-64" resource={resource} />
|
|
||||||
<span className="max-w-full text-xs pl-1 text-gray-400 dark:text-zinc-500 truncate">{resource.filename}</span>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const cards = resources.map((resource) => (
|
const cards = resources.map((resource) => (
|
||||||
<div key={resource.name} className="max-w-[70%] flex flex-col justify-start items-start shrink-0">
|
<div key={resource.name} className="max-w-[70%] grow flex flex-col justify-start items-start shrink-0">
|
||||||
<MediaCard className="max-h-64" resource={resource} />
|
<MediaCard className="max-h-64 grow" resource={resource} />
|
||||||
<span className="max-w-full text-xs pl-1 text-gray-400 dark:text-zinc-500 truncate">{resource.filename}</span>
|
|
||||||
</div>
|
</div>
|
||||||
));
|
));
|
||||||
|
|
||||||
|
@@ -162,14 +162,17 @@ const PreviewImageDialog: React.FC<Props> = ({ destroy, imgUrls, initialIndex }:
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="fixed top-8 right-8 flex flex-col justify-start items-center">
|
<div className="fixed top-8 right-8 z-1 flex flex-col justify-start items-center">
|
||||||
<Button onClick={handleCloseBtnClick}>
|
<Button onClick={handleCloseBtnClick}>
|
||||||
<XIcon className="w-6 h-auto" />
|
<XIcon className="w-6 h-auto" />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<div className="w-full h-full p-4 sm:p-20 flex flex-col justify-center items-center hide-scrollbar" onClick={handleImgContainerClick}>
|
<div
|
||||||
|
className="w-full h-screen p-4 sm:p-8 flex flex-col justify-center items-center hide-scrollbar"
|
||||||
|
onClick={handleImgContainerClick}
|
||||||
|
>
|
||||||
<img
|
<img
|
||||||
className="h-auto w-auto max-w-full max-h-full shadow"
|
className="h-auto w-auto min-w-16 max-w-full max-h-full grow"
|
||||||
style={imageComputedStyle}
|
style={imageComputedStyle}
|
||||||
src={imgUrls[currentIndex]}
|
src={imgUrls[currentIndex]}
|
||||||
onClick={(e) => e.stopPropagation()}
|
onClick={(e) => e.stopPropagation()}
|
||||||
|
Reference in New Issue
Block a user