리스트 위젯 제목 한 개만 렌더링

This commit is contained in:
dohyeons 2025-10-27 13:20:31 +09:00
parent 189f0e03a0
commit bc36c00712
2 changed files with 8 additions and 12 deletions

View File

@ -217,11 +217,6 @@ export function ListWidget({ element }: ListWidgetProps) {
return (
<div className="flex h-full w-full flex-col p-4">
{/* 제목 - 항상 표시 */}
<div className="mb-4">
<h3 className="text-sm font-semibold text-gray-700">{element.customTitle || element.title}</h3>
</div>
{/* 테이블 뷰 */}
{config.viewMode === "table" && (
<div className={`flex-1 overflow-auto rounded-lg border ${config.compactMode ? "text-xs" : "text-sm"}`}>

View File

@ -351,7 +351,9 @@ export default function CustomMetricWidget({ element }: CustomMetricWidgetProps)
<li> </li>
<li> COUNT, SUM, AVG, MIN, MAX </li>
<li> </li>
<li> <strong> </strong> </li>
<li>
<strong> </strong>
</li>
</ul>
</div>
<div className="mt-2 rounded-lg bg-blue-50 p-2 text-[10px] text-blue-700">
@ -361,11 +363,7 @@ export default function CustomMetricWidget({ element }: CustomMetricWidgetProps)
? "SQL 쿼리를 입력하고 실행하세요 (지표 추가 불필요)"
: "SQL 쿼리를 입력하고 지표를 추가하세요"}
</p>
{isGroupByMode && (
<p className="text-[9px]">
💡 컬럼: 카드 , 컬럼: 카드
</p>
)}
{isGroupByMode && <p className="text-[9px]">💡 컬럼: 카드 , 컬럼: 카드 </p>}
</div>
</div>
</div>
@ -386,7 +384,10 @@ export default function CustomMetricWidget({ element }: CustomMetricWidgetProps)
const colors = colorMap[colorKey];
return (
<div key={`group-${index}`} className={`rounded-lg border ${colors.bg} ${colors.border} p-4 text-center`}>
<div
key={`group-${index}`}
className={`rounded-lg border ${colors.bg} ${colors.border} p-4 text-center`}
>
<div className="text-sm text-gray-600">{card.label}</div>
<div className={`mt-2 text-3xl font-bold ${colors.text}`}>{card.value.toLocaleString()}</div>
</div>