From e418e651b87d67eba321c2bfed13ce99b24fa261 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Tue, 14 Apr 2026 13:54:48 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B4=80=EB=A6=AC=EC=9E=90=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EA=B7=B8=EB=A6=AC=EB=93=9C=20=EC=97=B4=20?=
 =?UTF-8?q?=EC=88=98=20=EC=A6=9D=EA=B0=80=20=EB=B0=8F=20=EB=AF=B8=EB=A6=AC?=
 =?UTF-8?q?=EB=B3=B4=EA=B8=B0=20=ED=94=BD=EC=85=80=20=EB=A0=8C=EB=8D=94?=
 =?UTF-8?q?=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 그리드를 3/4/6열로 늘려 더 많은 이미지를 한 번에 표시
- 이미지 카드에 image-rendering: pixelated + w/h-full로 픽셀 아트 선명하게 표시

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/features/admin/AdminImages.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/features/admin/AdminImages.jsx b/frontend/src/features/admin/AdminImages.jsx
index 35d5258..79ccadf 100644
--- a/frontend/src/features/admin/AdminImages.jsx
+++ b/frontend/src/features/admin/AdminImages.jsx
@@ -185,7 +185,12 @@ function ImageCard({ image, selected, selectMode, onToggle, onCopyUrl, copied })
       )}
 
       <div className="aspect-square bg-gradient-to-br from-gray-900 to-gray-950 flex items-center justify-center p-4 relative">
-        <img src={image.url} alt={image.name} className="max-w-full max-h-full object-contain" />
+        <img
+          src={image.url}
+          alt={image.name}
+          className="w-full h-full object-contain"
+          style={{ imageRendering: 'pixelated' }}
+        />
 
         {!selectMode && (
           <div className="absolute top-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition">
@@ -464,7 +469,7 @@ export default function AdminImages() {
 
       {/* 이미지 그리드 */}
       {isLoading ? (
-        <div className="grid gap-3 grid-cols-2 sm:grid-cols-3 lg:grid-cols-4">
+        <div className="grid gap-3 grid-cols-3 sm:grid-cols-4 lg:grid-cols-6">
           {Array.from({ length: 8 }).map((_, i) => (
             <div key={i} className="aspect-square rounded-xl bg-white/[0.02] animate-pulse" />
           ))}
@@ -486,7 +491,7 @@ export default function AdminImages() {
         </div>
       ) : (
         <>
-          <div className="grid gap-3 grid-cols-2 sm:grid-cols-3 lg:grid-cols-4">
+          <div className="grid gap-3 grid-cols-3 sm:grid-cols-4 lg:grid-cols-6">
             {images.map((image) => (
               <ImageCard
                 key={image.id}