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

38
frontend/components/dataflow/connection/redesigned/RightPanel/ActionConfigStep.tsx
View File

@@ -94,25 +94,27 @@ const ActionConfigStep: React.FC<ActionConfigStepProps> = ({
<CardContent className="flex h-full flex-col overflow-hidden p-0">
<Tabs defaultValue="config" className="flex h-full flex-col">
<div className="flex-shrink-0 border-b px-4 pt-4">
<div className="flex-shrink-0 border-b px-3 pt-3 sm:px-4 sm:pt-4">
<TabsList className="grid w-full grid-cols-2">
<TabsTrigger value="config" className="flex items-center gap-2">
<Settings className="h-4 w-4" />
액션 설정
<TabsTrigger value="config" className="flex items-center gap-1 text-xs sm:gap-2 sm:text-sm">
<Settings className="h-3 w-3 sm:h-4 sm:w-4" />
<span className="hidden sm:inline">액션 설정</span>
<span className="sm:hidden">설정</span>
</TabsTrigger>
<TabsTrigger value="visualization" className="flex items-center gap-2">
<Eye className="h-4 w-4" />
흐름 미리보기
<TabsTrigger value="visualization" className="flex items-center gap-1 text-xs sm:gap-2 sm:text-sm">
<Eye className="h-3 w-3 sm:h-4 sm:w-4" />
<span className="hidden sm:inline">흐름 미리보기</span>
<span className="sm:hidden">미리보기</span>
</TabsTrigger>
</TabsList>
</div>
{/* 액션 설정 탭 */}
<TabsContent value="config" className="mt-0 flex-1 overflow-y-auto p-4">
<div className="space-y-6">
<TabsContent value="config" className="mt-0 flex-1 overflow-y-auto p-3 sm:p-4">
<div className="space-y-4 sm:space-y-6">
{/* 액션 타입 선택 */}
<div className="space-y-3">
<h3 className="text-lg font-semibold">액션 타입</h3>
<div className="space-y-2 sm:space-y-3">
<h3 className="text-base font-semibold sm:text-lg">액션 타입</h3>
<Select value={actionType} onValueChange={actions.setActionType}>
<SelectTrigger>
<SelectValue placeholder="액션 타입을 선택하세요" />
@@ -168,9 +170,9 @@ const ActionConfigStep: React.FC<ActionConfigStepProps> = ({
{/* INSERT 액션 안내 */}
{actionType === "insert" && (
<div className="rounded-lg border border-green-200 bg-green-50 p-4">
<h4 className="mb-2 text-sm font-medium text-green-800">INSERT 액션</h4>
<p className="text-sm text-green-700">
<div className="rounded-lg border border-success/20 bg-success/10 p-4">
<h4 className="mb-2 text-sm font-medium text-success">INSERT 액션</h4>
<p className="text-sm text-success/80">
INSERT 액션은 별도의 실행 조건이 필요하지 않습니다. 매핑된 모든 데이터가 새로운 레코드로 삽입됩니다.
</p>
</div>
@@ -222,11 +224,11 @@ const ActionConfigStep: React.FC<ActionConfigStepProps> = ({
</Tabs>
{/* 하단 네비게이션 */}
<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>
<div className="flex gap-2">