chore: remove resource title

This commit is contained in:
Johnny
2025-04-09 22:58:53 +08:00
parent ebf13c4dff
commit 97b23f46e6
2 changed files with 8 additions and 16 deletions

View File

@@ -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>
)); ));

View File

@@ -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()}