[agent-pipeline] pipe-20260309055714-23ry round-1

frontend/components/screen/InteractiveDataTable.tsx

@@ -2287,7 +2287,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
                 )}
               </div>
             ) : (
-              <Folder className="h-4 w-4 text-muted-foreground/70" />
+              <Folder className="h-4 w-4 text-muted-foreground" />
             )}
           </Button>
         </div>
@@ -2400,7 +2400,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
   return (
     <div
       className={cn(
-        "flex h-full flex-col rounded-xl border border-border/60 bg-gradient-to-br from-white to-muted/30 shadow-sm",
+        "flex h-full flex-col rounded-xl border border-border/60 bg-background shadow-sm",
         className,
       )}
       style={{ ...style, minHeight: "680px" }}
@@ -2528,7 +2528,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
             <>
               <div className="overflow-hidden rounded-lg border border-border/60 bg-white shadow-sm">
                 <Table style={{ tableLayout: "fixed" }}>
-                  <TableHeader className="from-muted/50 to-muted border-primary/20 border-b-2 bg-gradient-to-b">
+                  <TableHeader className="bg-muted/50 border-primary/20 border-b-2">
                     <TableRow>
                       {/* 체크박스 컬럼 (삭제 기능이 활성화된 경우) */}
                       {component.enableDelete && (
@@ -2633,7 +2633,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
                       </TableRow>
                     ) : data.length > 0 ? (
                       data.map((row, rowIndex) => (
-                        <TableRow key={rowIndex} className="transition-all duration-200 hover:bg-amber-100">
+                        <TableRow key={rowIndex} className="transition-colors duration-150 hover:bg-muted/50">
                           {/* 체크박스 셀 (삭제 기능이 활성화된 경우) */}
                           {component.enableDelete && (
                             <TableCell className="px-4" style={{ width: "48px", minWidth: "48px", maxWidth: "48px" }}>
@@ -2665,7 +2665,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
                           className="h-32 text-center"
                         >
                           <div className="text-muted-foreground flex flex-col items-center gap-2">
-                            <Database className="h-8 w-8" />
+                            <Database className="h-6 w-6" />
                             <p>검색 결과가 없습니다</p>
                             <p className="text-xs">검색 조건을 변경하거나 새로고침을 시도해보세요</p>
                           </div>
@@ -2678,7 +2678,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
 
               {/* 페이지네이션 */}
               {component.pagination?.enabled && totalPages > 1 && (
-                <div className="mt-auto border-t border-border/60 bg-gradient-to-r from-muted to-slate-50">
+                <div className="mt-auto border-t border-border/60 bg-muted/30">
                   <div className="flex items-center justify-between px-6 py-3">
                     {component.pagination.showPageInfo && (
                       <div className="text-muted-foreground text-sm">
@@ -2743,7 +2743,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
           ) : (
             <div className="flex flex-1 items-center justify-center">
               <div className="text-muted-foreground flex flex-col items-center gap-2">
-                <Database className="h-8 w-8" />
+                <Database className="h-6 w-6" />
                 <p className="text-sm">표시할 컬럼이 없습니다</p>
                 <p className="text-xs">테이블 설정에서 컬럼을 추가해주세요</p>
               </div>