From 3086303ebc513e53d6b5e686cbeb683da6e0ce93 Mon Sep 17 00:00:00 2001
From: atom <atom@bangmind.com>
Date: Fri, 3 Feb 2023 16:57:53 +0800
Subject: [PATCH] 1.adapt to the mobile page.

---
 src/components/ImageBox.vue | 2 +-
 src/views/ManageImages.vue  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ImageBox.vue b/src/components/ImageBox.vue
index ff84908..09f0332 100644
--- a/src/components/ImageBox.vue
+++ b/src/components/ImageBox.vue
@@ -6,7 +6,7 @@
 		<loading-overlay :loading="loading" />
 
 		<el-image
-			class="block w-full h-32 lg:h-60"
+			class="block w-full h-40 lg:h-60"
 			:src="src"
 			fit="cover"
 			hide-on-click-modal
diff --git a/src/views/ManageImages.vue b/src/views/ManageImages.vue
index 385fee8..1dabd61 100644
--- a/src/views/ManageImages.vue
+++ b/src/views/ManageImages.vue
@@ -25,10 +25,10 @@
         <span v-else class="pl-2 text-gray-600"> {{ it }}</span>
       </div>
     </div>
-		<div class="grid gap-4 grid-cols-4">
+		<div class="grid gap-4 lg:grid-cols-4 grid-cols-2">
 			<transition-group name="el-fade-in-linear">
 				<div
-					class="col-span-3 md:col-span-1"
+					class="col-span-1 md:col-span-1"
 					v-for="item in uploadedImages"
 					:key="item.url"
 				>