위젯 헤더 스타일 변경

frontend/components/admin/dashboard/CanvasElement.tsx

@@ -732,7 +732,7 @@ export function CanvasElement({
       onMouseDown={handleMouseDown}
     >
       {/* 헤더 */}
-      <div className="flex cursor-move items-center justify-between px-4 py-2">
+      <div className="flex cursor-move items-center justify-between px-2 py-1">
         <div className="flex items-center gap-2">
           {/* 차트 타입 전환 드롭다운 (차트일 경우만) */}
           {element.type === "chart" && (
@@ -743,7 +743,7 @@ export function CanvasElement({
               }}
             >
               <SelectTrigger
-                className="h-7 w-[140px] text-xs"
+                className="h-6 w-[120px] text-[11px]"
                 onClick={(e) => e.stopPropagation()}
                 onMouseDown={(e) => e.stopPropagation()}
               >
@@ -772,7 +772,7 @@ export function CanvasElement({
           )}
           {/* 제목 */}
           {!element.type || element.type !== "chart" ? (
-            <span className="text-sm font-bold text-gray-800">{element.customTitle || element.title}</span>
+            <span className="text-xs font-bold text-gray-800">{element.customTitle || element.title}</span>
           ) : null}
         </div>
         <div className="flex gap-1">
@@ -780,18 +780,18 @@ export function CanvasElement({
           <Button
             variant="ghost"
             size="icon"
-            className="element-close hover:bg-destructive h-6 w-6 text-gray-400 hover:text-white"
+            className="element-close hover:bg-destructive h-5 w-5 text-gray-400 hover:text-white"
             onClick={handleRemove}
             onMouseDown={(e) => e.stopPropagation()}
             title="삭제"
           >
-            <X className="h-4 w-4" />
+            <X className="h-3 w-3" />
           </Button>
         </div>
       </div>
 
       {/* 내용 */}
-      <div className="relative h-[calc(100%-50px)] px-4 pb-4">
+      <div className="relative h-[calc(100%-32px)] px-2 pb-2">
         {element.type === "chart" ? (
           // 차트 렌더링
           <div className="h-full w-full bg-white">
@@ -807,7 +807,7 @@ export function CanvasElement({
                 element={element}
                 data={chartData || undefined}
                 width={element.size.width}
-                height={element.size.height - 45}
+                height={element.size.height - 32}
               />
             )}
           </div>