From 3e7359983bd9e5615c2dc5c5cc4d7cceb0340f97 Mon Sep 17 00:00:00 2001
From: al <al@cdhncy.com>
Date: Fri, 9 Aug 2024 19:39:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=BE=E7=89=87=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Photos/index.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/Photos/index.js b/components/Photos/index.js
index 49f8b34..11da1b3 100644
--- a/components/Photos/index.js
+++ b/components/Photos/index.js
@@ -209,14 +209,14 @@ export default function Photos({
   return (
     <>
       <div
-        className={`grid ${
-          currentPhotos.length > 1 ? "grid-cols-3 gap-1.5 min-h-[24vw]" : "grid-cols-1 min-h-[38vw]"
+        className={`${
+          currentPhotos.length > 1 ? "grid grid-cols-3 gap-1.5 min-h-[24vw]" : "min-h-[38vw] w-max"
         }`}
       >
         {currentPhotos.map((item, index) => {
           return (
             <div
-              className="relative w-max"
+              className={`relative w-max ${currentPhotos.length > 1 ? "h-[24vw]" : ""} `}
               style={{ maxWidth: "calc(100vw - 72px)" }}
               key={index}
               onClick={() => {
@@ -242,7 +242,7 @@ export default function Photos({
               {
                 <div
                   className={`overflow-hidden inline-block rounded h-full max-h-80 ${
-                    currentPhotos.length > 1 ? "min-h-[24vw]" : "max-h-[38vw]"
+                    currentPhotos.length > 1 ? "h-[24vw]" : "auto"
                   }`}
                 >
                   <Image
@@ -250,8 +250,8 @@ export default function Photos({
                     placeholder={
                       <div className="w-full h-full min-h-96 bg-[#1d1d1d] rounded"></div>
                     }
-                    width={currentPhotos.length > 1 ? "24vw" : "auto"}
-                    height={currentPhotos.length > 1 ? "24vw" : "38vw"}
+                    width={currentPhotos.length > 1 ? "24vw" : "36vw"}
+                    height={currentPhotos.length > 1 ? "24vw" : "100%"}
                     className={`rounded max-w-full ${
                       item?.type == "hid" && type == "space" ? "imageBlur" : ""
                     }`}