refactor: TableListComponent와 FlowWidget 상단 헤더 제거
- TableListComponent: showHeader 조건부 렌더링 제거 - 타이틀 표시 영역 삭제 - 공간 절약을 위해 헤더 완전 제거 - FlowWidget: 플로우 제목 및 설명 영역 제거 - flowData.name 표시 영역 삭제 - flowData.description 표시 영역 삭제 - 더 많은 데이터 표시 공간 확보 UI 개선: - 불필요한 헤더 제거로 컨텐츠 영역 확대 - 더 많은 데이터를 한 화면에 표시 가능
This commit is contained in:
parent
71f38a38e0
commit
ac40f0227e
|
|
@ -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) => (
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in New Issue