From 0c0c72c3cab85aa2ada75592a342e0c1220b34c3 Mon Sep 17 00:00:00 2001
From: Athurg Gooth <athurg@gooth.org>
Date: Fri, 15 Sep 2023 17:58:17 +0800
Subject: [PATCH] chore: optimize layout of image resources (#2221)

Optimize layout of image resource
---
 web/src/components/MemoResourceListView.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/components/MemoResourceListView.tsx b/web/src/components/MemoResourceListView.tsx
index 5e1de20c..7d093d72 100644
--- a/web/src/components/MemoResourceListView.tsx
+++ b/web/src/components/MemoResourceListView.tsx
@@ -52,7 +52,12 @@ const MemoResourceListView: React.FC<Props> = (props: Props) => {
             />
           </div>
         ) : (
-          <div className={classNames("w-full mt-2 grid gap-2 grid-cols-2 sm:grid-cols-3")}>
+          <div
+            className={classNames(
+              "w-full mt-2 grid gap-2 grid-cols-2",
+              imageResourceList.length === 4 ? "sm:grid-cols-2" : "sm:grid-cols-3"
+            )}
+          >
             {imageResourceList.map((resource) => {
               const url = getResourceUrl(resource);
               return (