From dbfee503d5b69f9e127259058fd2adbf9acfb740 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Fri, 6 Feb 2026 18:01:49 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20BotCard=20=EA=B5=AC=EB=B6=84=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 테두리 및 그림자 강화
- 통계 영역 배경색 추가로 구분감 향상

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/components/pc/admin/bot/BotCard.jsx   | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/pc/admin/bot/BotCard.jsx b/frontend/src/components/pc/admin/bot/BotCard.jsx
index 389048b..199bb9a 100644
--- a/frontend/src/components/pc/admin/bot/BotCard.jsx
+++ b/frontend/src/components/pc/admin/bot/BotCard.jsx
@@ -99,7 +99,7 @@ const BotCard = memo(function BotCard({
       animate={{ opacity: 1, y: 0 }}
       transition={isInitialLoad ? { delay: index * 0.05, duration: 0.2 } : { duration: 0.15 }}
       onAnimationComplete={onAnimationComplete}
-      className="group relative bg-white rounded-xl border border-gray-100 overflow-hidden hover:border-gray-200 hover:shadow-sm transition-all"
+      className="group relative bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden hover:shadow-md transition-all"
     >
       {/* 상단: 이름 + 상태 */}
       <div className="p-4">
@@ -121,22 +121,22 @@ const BotCard = memo(function BotCard({
         </div>
 
         {/* 통계 */}
-        <div className="flex items-center gap-4 text-sm">
-          <div className="flex items-center gap-1.5">
-            <span className="text-gray-400">추가</span>
-            <span className="font-semibold text-gray-900">{bot.schedules_added || 0}</span>
+        <div className="flex items-center gap-3 mt-3 p-2.5 bg-gray-50 rounded-lg text-sm">
+          <div className="flex-1 text-center">
+            <div className="font-semibold text-gray-900">{bot.schedules_added || 0}</div>
+            <div className="text-xs text-gray-400">총 추가</div>
           </div>
-          <div className="w-px h-3 bg-gray-200" />
-          <div className="flex items-center gap-1.5">
-            <span className="text-gray-400">최근</span>
-            <span className={`font-semibold ${bot.last_added_count > 0 ? 'text-green-600' : 'text-gray-400'}`}>
+          <div className="w-px h-8 bg-gray-200" />
+          <div className="flex-1 text-center">
+            <div className={`font-semibold ${bot.last_added_count > 0 ? 'text-green-600' : 'text-gray-400'}`}>
               +{bot.last_added_count || 0}
-            </span>
+            </div>
+            <div className="text-xs text-gray-400">최근</div>
           </div>
-          <div className="w-px h-3 bg-gray-200" />
-          <div className="flex items-center gap-1.5">
-            <span className="text-gray-400">간격</span>
-            <span className="font-semibold text-gray-900">{formatInterval(bot.check_interval)}</span>
+          <div className="w-px h-8 bg-gray-200" />
+          <div className="flex-1 text-center">
+            <div className="font-semibold text-gray-900">{formatInterval(bot.check_interval)}</div>
+            <div className="text-xs text-gray-400">간격</div>
           </div>
         </div>
       </div>