feat: 테이블 테두리 및 라운드 제거, 검색 필터 제목 제거

- 모든 테이블 컴포넌트의 외곽 테두리(border) 제거
- 테이블 컨테이너의 라운드(rounded-lg) 제거
- 테이블 행 구분선(border-b)은 유지하여 데이터 구분
- FlowWidget과 TableListComponent에 동일한 스타일 적용
- 검색 필터 영역의 회색 배경(bg-muted/30) 제거
- 검색 필터 제목 제거
- AdvancedSearchFilters 컴포넌트의 '검색 필터' 제목 제거
This commit is contained in:
kjs
2025-10-30 15:39:39 +09:00
parent 0e9e5f29cf
commit 4010273d67
67 changed files with 2546 additions and 741 deletions

View File

@@ -111,7 +111,7 @@ export function FlowToolbar({ validations = [] }: FlowToolbarProps) {
return (
<>
<div className="flex items-center gap-2 rounded-lg border bg-white p-2 shadow-md">
<div className="flex items-center gap-2 rounded-lg border bg-background p-2 shadow-md">
{/* 플로우 이름 */}
<Input
value={flowName}
@@ -120,7 +120,7 @@ export function FlowToolbar({ validations = [] }: FlowToolbarProps) {
placeholder="플로우 이름"
/>
<div className="h-6 w-px bg-gray-200" />
<div className="h-6 w-px bg-border" />
{/* 실행 취소/다시 실행 */}
<Button variant="ghost" size="sm" title="실행 취소 (Ctrl+Z)" disabled={!canUndo()} onClick={undo}>
@@ -130,7 +130,7 @@ export function FlowToolbar({ validations = [] }: FlowToolbarProps) {
<Redo2 className="h-4 w-4" />
</Button>
<div className="h-6 w-px bg-gray-200" />
<div className="h-6 w-px bg-border" />
{/* 삭제 버튼 */}
<Button
@@ -139,13 +139,13 @@ export function FlowToolbar({ validations = [] }: FlowToolbarProps) {
onClick={handleDelete}
disabled={selectedNodes.length === 0}
title={selectedNodes.length > 0 ? `${selectedNodes.length}개 노드 삭제` : "삭제할 노드를 선택하세요"}
className="gap-1 text-red-600 hover:bg-red-50 hover:text-red-700 disabled:opacity-50"
className="gap-1 text-destructive hover:bg-destructive/10 hover:text-destructive disabled:opacity-50"
>
<Trash2 className="h-4 w-4" />
{selectedNodes.length > 0 && <span className="text-xs">({selectedNodes.length})</span>}
</Button>
<div className="h-6 w-px bg-gray-200" />
<div className="h-6 w-px bg-border" />
{/* 줌 컨트롤 */}
<Button variant="ghost" size="sm" onClick={() => zoomIn()} title="확대">
@@ -158,7 +158,7 @@ export function FlowToolbar({ validations = [] }: FlowToolbarProps) {
<span className="text-xs"></span>
</Button>
<div className="h-6 w-px bg-gray-200" />
<div className="h-6 w-px bg-border" />
{/* 저장 */}
<Button variant="outline" size="sm" onClick={handleSave} disabled={isSaving} className="gap-1">