From 107ca3b0b8bc1648046a20ad9f1933834c853180 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Thu, 6 Nov 2025 11:39:21 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC?=
 =?UTF-8?q?=20=EC=9C=84=EC=A0=AF=20=EC=A2=8C=EC=9A=B0=20=EB=B9=84=EC=9C=A8?=
 =?UTF-8?q?=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 좌측 영역: 30% → 20%
- 우측 영역: 70% → 80%
- 좌측은 컬럼 목록만 표시하므로 좁게 조정
- 우측 값 관리 영역에 더 많은 공간 확보
---
 frontend/components/screen/widgets/CategoryWidget.tsx     | 8 ++++----
 frontend/components/table-category/CategoryColumnList.tsx | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/components/screen/widgets/CategoryWidget.tsx b/frontend/components/screen/widgets/CategoryWidget.tsx
index 099a6558..4d646064 100644
--- a/frontend/components/screen/widgets/CategoryWidget.tsx
+++ b/frontend/components/screen/widgets/CategoryWidget.tsx
@@ -22,8 +22,8 @@ export function CategoryWidget({ widgetId, tableName }: CategoryWidgetProps) {
 
   return (
     <div className="flex h-full min-h-[10px] gap-6">
-      {/* 좌측: 카테고리 컬럼 리스트 (30%) */}
-      <div className="w-[30%] border-r pr-6">
+      {/* 좌측: 카테고리 컬럼 리스트 (20%) */}
+      <div className="w-[20%] border-r pr-6">
         <CategoryColumnList
           tableName={tableName}
           selectedColumn={selectedColumn?.columnName || null}
@@ -33,8 +33,8 @@ export function CategoryWidget({ widgetId, tableName }: CategoryWidgetProps) {
         />
       </div>
 
-      {/* 우측: 카테고리 값 관리 (70%) */}
-      <div className="w-[70%]">
+      {/* 우측: 카테고리 값 관리 (80%) */}
+      <div className="w-[80%]">
         {selectedColumn ? (
           <CategoryValueManager
             tableName={tableName}
diff --git a/frontend/components/table-category/CategoryColumnList.tsx b/frontend/components/table-category/CategoryColumnList.tsx
index 765d6deb..7b7ebd32 100644
--- a/frontend/components/table-category/CategoryColumnList.tsx
+++ b/frontend/components/table-category/CategoryColumnList.tsx
@@ -85,7 +85,7 @@ export function CategoryColumnList({ tableName, selectedColumn, onColumnSelect }
         categoryColumns.map(async (col: any) => {
           const colName = col.columnName || col.column_name;
           const colLabel = col.columnLabel || col.column_label || col.displayName || colName;
-          
+
           // 각 컬럼의 값 개수 가져오기
           let valueCount = 0;
           try {
@@ -96,14 +96,14 @@ export function CategoryColumnList({ tableName, selectedColumn, onColumnSelect }
           } catch (error) {
             console.error(`항목 개수 조회 실패 (${colName}):`, error);
           }
-          
+
           return {
             columnName: colName,
             columnLabel: colLabel,
             inputType: col.inputType || col.input_type,
             valueCount,
           };
-        })
+        }),
       );
 
       setColumns(columnsWithCount);