refactor: TableListComponent와 FlowWidget 상단 헤더 제거

- TableListComponent: showHeader 조건부 렌더링 제거
  - 타이틀 표시 영역 삭제
  - 공간 절약을 위해 헤더 완전 제거

- FlowWidget: 플로우 제목 및 설명 영역 제거
  - flowData.name 표시 영역 삭제
  - flowData.description 표시 영역 삭제
  - 더 많은 데이터 표시 공간 확보

UI 개선:
- 불필요한 헤더 제거로 컨텐츠 영역 확대
- 더 많은 데이터를 한 화면에 표시 가능
This commit is contained in:
kjs 2025-11-03 14:23:53 +09:00
parent 71f38a38e0
commit ac40f0227e
2 changed files with 0 additions and 28 deletions

View File

@ -771,17 +771,6 @@ export function FlowWidget({
return (
<div className="@container flex w-full flex-col p-2 sm:p-4 lg:p-6">
{/* 플로우 제목 */}
<div className="mb-3 flex-shrink-0 sm:mb-4">
<div className="flex items-center justify-center gap-2">
<h3 className="text-foreground text-base font-semibold sm:text-lg lg:text-xl">{flowData.name}</h3>
</div>
{flowData.description && (
<p className="text-muted-foreground mt-1 text-center text-xs sm:text-sm">{flowData.description}</p>
)}
</div>
{/* 플로우 스텝 목록 */}
<div className={`${containerClass} flex-shrink-0`}>
{steps.map((step, index) => (

View File

@ -1084,14 +1084,6 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
if (tableConfig.stickyHeader && !isDesignMode) {
return (
<div {...domProps}>
{tableConfig.showHeader && (
<div className="px-4 py-3 border-b border-border sm:px-6 sm:py-4">
<h2 className="text-base font-semibold text-foreground sm:text-lg">
{tableConfig.title || tableLabel || finalSelectedTable}
</h2>
</div>
)}
{tableConfig.filter?.enabled && (
<div className="px-4 py-3 border-b border-border sm:px-6 sm:py-4">
<div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:gap-4">
@ -1184,15 +1176,6 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
return (
<>
<div {...domProps}>
{/* 헤더 */}
{tableConfig.showHeader && (
<div className="px-4 py-3 border-b border-border flex-shrink-0 sm:px-6 sm:py-4">
<h2 className="text-base font-semibold text-foreground sm:text-lg">
{tableConfig.title || tableLabel || finalSelectedTable}
</h2>
</div>
)}
{/* 필터 */}
{tableConfig.filter?.enabled && (
<div className="px-4 py-3 border-b border-border flex-shrink-0 sm:px-6 sm:py-4">