@questpie/admin 3.0.2 → 3.0.4

package/dist/client/views/dashboard/dashboard-widget.mjs

@@ -250,9 +250,12 @@ function DashboardWidget(t0) {
 	}
 	let t3;
 	if ($[19] !== config.type || $[20] !== widgetElement) {
-		t3 = /* @__PURE__ */ jsx(WidgetErrorBoundary, {
-			widgetType: config.type,
-			children: widgetElement
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: "qa-dashboard-widget h-full min-h-0",
+			children: /* @__PURE__ */ jsx(WidgetErrorBoundary, {
+				widgetType: config.type,
+				children: widgetElement
+			})
 		});
 		$[19] = config.type;
 		$[20] = widgetElement;

package/dist/client/views/dashboard/widget-card.mjs

@@ -19,7 +19,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const variantStyles = {
 	default: "",
 	compact: "py-3 gap-3",
-	featured: "border-primary/30 bg-gradient-to-br from-primary/5 to-transparent"
+	featured: "border-border-strong bg-surface-low"
 };
 const variantContentStyles = {
 	default: "",
@@ -33,19 +33,22 @@ function WidgetCardLoading(t0) {
 	const t2 = variantStyles[variant];
 	let t3;
 	if ($[0] !== t2) {
-		t3 = cn("flex flex-col", t2);
+		t3 = cn("flex h-full min-h-0 flex-col", t2);
 		$[0] = t2;
 		$[1] = t3;
 	} else t3 = $[1];
 	let t4;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) });
+		t4 = /* @__PURE__ */ jsx(CardHeader, {
+			className: "shrink-0",
+			children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
+		});
 		$[2] = t4;
 	} else t4 = $[2];
 	const t5 = variantContentStyles[variant];
 	let t6;
 	if ($[3] !== t5) {
-		t6 = cn("flex-1", t5);
+		t6 = cn("min-h-0 flex-1 overflow-hidden", t5);
 		$[3] = t5;
 		$[4] = t6;
 	} else t6 = $[4];
@@ -83,7 +86,7 @@ function WidgetCardError(t0) {
 	const t2 = variantStyles[variant];
 	let t3;
 	if ($[0] !== t2) {
-		t3 = cn("border-destructive/20 bg-destructive/5 flex flex-col", t2);
+		t3 = cn("border-destructive/20 bg-destructive/5 flex h-full min-h-0 flex-col", t2);
 		$[0] = t2;
 		$[1] = t3;
 	} else t3 = $[1];
@@ -118,7 +121,10 @@ function WidgetCardError(t0) {
 	} else t6 = $[7];
 	let t7;
 	if ($[8] !== t5 || $[9] !== t6) {
-		t7 = /* @__PURE__ */ jsxs(CardHeader, { children: [t5, t6] });
+		t7 = /* @__PURE__ */ jsxs(CardHeader, {
+			className: "shrink-0",
+			children: [t5, t6]
+		});
 		$[8] = t5;
 		$[9] = t6;
 		$[10] = t7;
@@ -126,7 +132,7 @@ function WidgetCardError(t0) {
 	const t8 = variantContentStyles[variant];
 	let t9;
 	if ($[11] !== t8) {
-		t9 = cn("flex-1", t8);
+		t9 = cn("min-h-0 flex-1 overflow-auto", t8);
 		$[11] = t8;
 		$[12] = t9;
 	} else t9 = $[12];
@@ -187,20 +193,23 @@ function WidgetCard(t0) {
 			const t2$2 = variantStyles[variant];
 			let t3$1;
 			if ($[0] !== className || $[1] !== t2$2) {
-				t3$1 = cn("flex flex-col", t2$2, className);
+				t3$1 = cn("flex h-full min-h-0 flex-col", t2$2, className);
 				$[0] = className;
 				$[1] = t2$2;
 				$[2] = t3$1;
 			} else t3$1 = $[2];
 			let t4$1;
 			if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-				t4$1 = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) });
+				t4$1 = /* @__PURE__ */ jsx(CardHeader, {
+					className: "shrink-0",
+					children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
+				});
 				$[3] = t4$1;
 			} else t4$1 = $[3];
 			const t5$1 = variantContentStyles[variant];
 			let t6$1;
 			if ($[4] !== t5$1) {
-				t6$1 = cn("flex-1", t5$1);
+				t6$1 = cn("min-h-0 flex-1 overflow-hidden", t5$1);
 				$[4] = t5$1;
 				$[5] = t6$1;
 			} else t6$1 = $[5];
@@ -253,7 +262,7 @@ function WidgetCard(t0) {
 	const t2 = variantStyles[variant];
 	let t3;
 	if ($[18] !== className || $[19] !== t2) {
-		t3 = cn("qa-widget-card flex flex-col", t2, className);
+		t3 = cn("qa-widget-card flex h-full min-h-0 flex-col", t2, className);
 		$[18] = className;
 		$[19] = t2;
 		$[20] = t3;
@@ -261,9 +270,9 @@ function WidgetCard(t0) {
 	let t4;
 	if ($[21] !== actions || $[22] !== description || $[23] !== hasHeader || $[24] !== icon || $[25] !== isRefreshing || $[26] !== onExpand || $[27] !== onRefresh || $[28] !== t || $[29] !== title) {
 		t4 = hasHeader && /* @__PURE__ */ jsxs(CardHeader, {
-			className: "qa-widget-card__header",
+			className: "qa-widget-card__header shrink-0",
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
+				className: "flex min-w-0 items-center gap-2",
 				children: [resolveIconElement(icon, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ jsxs("div", {
 					className: "min-w-0 flex-1",
 					children: [title && /* @__PURE__ */ jsx(CardTitle, {
@@ -333,7 +342,7 @@ function WidgetCard(t0) {
 	const t6 = !hasHeader && "pt-0";
 	let t7;
 	if ($[31] !== t5 || $[32] !== t6) {
-		t7 = cn("qa-widget-card__content flex-1", t5, t6);
+		t7 = cn("qa-widget-card__content flex-1", "min-h-0 overflow-auto overscroll-contain", t5, t6);
 		$[31] = t5;
 		$[32] = t6;
 		$[33] = t7;