[agent-pipeline] pipe-20260310142919-l9ae round-1

frontend/app/(main)/admin/systemMng/tableMngList/page.tsx

@@ -21,6 +21,7 @@ import {
   ChevronsUpDown,
   Loader2,
 } from "lucide-react";
+import { ResponsiveSplitPanel } from "@/components/common/ResponsiveSplitPanel";
 import { cn } from "@/lib/utils";
 import { LoadingSpinner } from "@/components/common/LoadingSpinner";
 import { toast } from "sonner";
@@ -1463,9 +1464,8 @@ export default function TableManagementPage() {
           </div>
         </div>
 
-        <div className="flex h-full flex-1 gap-6 overflow-hidden">
-          {/* 좌측 사이드바: 테이블 목록 (20%) */}
-          <div className="flex h-full w-[20%] flex-col border-r pr-4">
+        <ResponsiveSplitPanel
+          left={
             <div className="flex h-full flex-col space-y-4">
               {/* 검색 */}
               <div className="flex-shrink-0">
@@ -1584,10 +1584,8 @@ export default function TableManagementPage() {
                 )}
               </div>
             </div>
-          </div>
-
-          {/* 우측 메인 영역: 컬럼 타입 관리 (80%) */}
-          <div className="flex h-full w-[80%] flex-col overflow-hidden pl-0">
+          }
+          right={
             <div className="flex h-full flex-col overflow-hidden">
               {!selectedTable ? (
                 <div className="bg-card flex h-64 flex-col items-center justify-center rounded-lg border">
@@ -2171,8 +2169,14 @@ export default function TableManagementPage() {
                 </>
               )}
             </div>
-          </div>
-        </div>
+          }
+          leftTitle="테이블 목록"
+          leftWidth={20}
+          minLeftWidth={10}
+          maxLeftWidth={35}
+          height="100%"
+          className="flex-1 overflow-hidden"
+        />
 
         {/* DDL 모달 컴포넌트들 */}
         {isSuperAdmin && (