From 97b23f46e689f117c891cec156205a83564bb928 Mon Sep 17 00:00:00 2001
From: Johnny <yourselfhosted@gmail.com>
Date: Wed, 9 Apr 2025 22:58:53 +0800
Subject: [PATCH] chore: remove resource title

---
 web/src/components/MemoResourceListView.tsx | 15 ++-------------
 web/src/components/PreviewImageDialog.tsx   |  9 ++++++---
 2 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/web/src/components/MemoResourceListView.tsx b/web/src/components/MemoResourceListView.tsx
index f97de004..0d07f7c2 100644
--- a/web/src/components/MemoResourceListView.tsx
+++ b/web/src/components/MemoResourceListView.tsx
@@ -60,20 +60,9 @@ const MemoResourceListView = ({ 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) => (
-      <div key={resource.name} className="max-w-[70%] flex flex-col justify-start items-start shrink-0">
-        <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 key={resource.name} className="max-w-[70%] grow flex flex-col justify-start items-start shrink-0">
+        <MediaCard className="max-h-64 grow" resource={resource} />
       </div>
     ));
 
diff --git a/web/src/components/PreviewImageDialog.tsx b/web/src/components/PreviewImageDialog.tsx
index da1546ea..7c7e80c8 100644
--- a/web/src/components/PreviewImageDialog.tsx
+++ b/web/src/components/PreviewImageDialog.tsx
@@ -162,14 +162,17 @@ const PreviewImageDialog: React.FC<Props> = ({ destroy, imgUrls, initialIndex }:
 
   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}>
           <XIcon className="w-6 h-auto" />
         </Button>
       </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
-          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}
           src={imgUrls[currentIndex]}
           onClick={(e) => e.stopPropagation()}