jskim/vexplor_dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 모든 테이블 컴포넌트의 외곽 테두리(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
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/components/dataflow/connection/redesigned/RightPanel/ControlConditionStep.tsx
View File

@@ -134,9 +134,9 @@ const ControlConditionStep: React.FC<ControlConditionStepProps> = ({ state, acti
<CardHeader>
<CardTitle className="flex items-center gap-2">
{isCompleted ? (
<CheckCircle className="h-5 w-5 text-green-600" />
<CheckCircle className="h-5 w-5 text-success" />
) : (
<AlertCircle className="h-5 w-5 text-orange-500" />
<AlertCircle className="h-5 w-5 text-warning" />
)}
4단계: 제어 실행 조건
</CardTitle>
@@ -146,11 +146,11 @@ const ControlConditionStep: React.FC<ControlConditionStepProps> = ({ state, acti
</CardHeader>
<CardContent className="flex h-full flex-col overflow-hidden p-0">
<div className="min-h-0 flex-1 space-y-6 overflow-y-auto p-4">
<div className="min-h-0 flex-1 space-y-4 overflow-y-auto p-3 sm:space-y-6 sm:p-4">
{/* 제어 실행 조건 안내 */}
<div className="rounded-lg border border-primary/20 bg-accent p-4">
<h4 className="mb-2 text-sm font-medium text-blue-800">제어 실행 조건이란?</h4>
<div className="space-y-1 text-sm text-blue-700">
<div className="rounded-lg border border-primary/20 bg-primary/5 p-4">
<h4 className="mb-2 text-sm font-medium text-primary">제어 실행 조건이란?</h4>
<div className="space-y-1 text-sm text-primary/80">
<p>
• <strong>전체 제어의 트리거 조건</strong>을 설정합니다
</p>
@@ -363,7 +363,7 @@ const ControlConditionStep: React.FC<ControlConditionStepProps> = ({ state, acti
variant="ghost"
size="sm"
onClick={() => actions.deleteControlCondition(index)}
className="text-destructive hover:text-red-700"
className="text-destructive hover:text-destructive/80"
>
<Trash2 className="h-4 w-4" />
</Button>
@@ -406,9 +406,9 @@ const ControlConditionStep: React.FC<ControlConditionStepProps> = ({ state, acti
{/* 컬럼 정보 로드 실패 시 안내 */}
{fromColumns.length === 0 && toColumns.length === 0 && controlConditions.length === 0 && (
<div className="rounded-lg border border-yellow-200 bg-yellow-50 p-4">
<h4 className="mb-2 text-sm font-medium text-yellow-800">컬럼 정보를 불러올 수 없습니다</h4>
<div className="space-y-2 text-sm text-yellow-700">
<div className="rounded-lg border border-warning/20 bg-warning/10 p-4">
<h4 className="mb-2 text-sm font-medium text-warning">컬럼 정보를 불러올 수 없습니다</h4>
<div className="space-y-2 text-sm text-warning/80">
<p>• 외부 데이터베이스 연결에 문제가 있을 수 있습니다</p>
<p>• 조건 없이 진행하면 항상 실행됩니다</p>
<p>• 나중에 수동으로 조건을 추가할 수 있습니다</p>
@@ -451,15 +451,15 @@ const ControlConditionStep: React.FC<ControlConditionStepProps> = ({ state, acti
</div>
{/* 하단 네비게이션 */}
<div className="flex-shrink-0 border-t bg-white p-4">
<div className="flex items-center justify-between">
<Button variant="outline" onClick={onBack} className="flex items-center gap-2">
<div className="flex-shrink-0 border-t bg-background p-3 sm:p-4">
<div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
<Button variant="outline" onClick={onBack} className="flex items-center gap-2 w-full sm:w-auto">
<ArrowLeft className="h-4 w-4" />
이전
<span className="text-xs sm:text-sm">이전</span>
</Button>
<Button onClick={onNext} disabled={!canProceed} className="flex items-center gap-2">
다음: 액션 설정
<Button onClick={onNext} disabled={!canProceed} className="flex items-center gap-2 w-full sm:w-auto">
<span className="text-xs sm:text-sm">다음: 액션 설정</span>
<CheckCircle className="h-4 w-4" />
</Button>
</div>