@trops/dash-core 0.1.213 → 0.1.215

package/dist/index.js

@@ -5974,12 +5974,12 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
         })]
       }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [filteredDashboards.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex flex-col gap-2",
+          className: "flex flex-col gap-3",
           children: [/*#__PURE__*/jsxRuntime.jsxs("h4", {
             className: "text-sm font-semibold text-gray-300 flex items-center gap-2",
             children: ["Dashboards (", filteredDashboards.length, " result", filteredDashboards.length !== 1 ? "s" : "", ")"]
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "flex flex-col gap-2",
+            className: "grid grid-cols-2 lg:grid-cols-3 gap-3",
             children: filteredDashboards.map(function (dash) {
               var isSelected = state.selectedDashboard && state.selectedDashboard.name === dash.name;
               var widgetCount = (dash.widgets || []).length;
@@ -5989,6 +5989,9 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
               return /*#__PURE__*/jsxRuntime.jsxs(DashReact.Card2, {
                 hover: true,
                 selected: isSelected,
+                padding: "p-5",
+                rounded: "rounded-lg",
+                className: "hover:shadow-lg",
                 onClick: function onClick() {
                   return handleSelectDashboard(dash);
                 },
@@ -6006,7 +6009,7 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
                     className: "ml-auto text-blue-400"
                   })]
                 }), dash.description && /*#__PURE__*/jsxRuntime.jsx("p", {
-                  className: "text-xs text-gray-400 mt-1",
+                  className: "text-xs text-gray-400 mt-1 line-clamp-2",
                   children: dash.description
                 }), /*#__PURE__*/jsxRuntime.jsxs("div", {
                   className: "flex items-center gap-3 mt-2 text-xs text-gray-500",
@@ -6020,19 +6023,22 @@ var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
             })
           })]
         }), filteredWidgets.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex flex-col gap-2",
+          className: "flex flex-col gap-3",
           children: [/*#__PURE__*/jsxRuntime.jsxs("h4", {
             className: "text-sm font-semibold text-gray-300 flex items-center gap-2",
             children: ["Widgets (", filteredWidgets.length, " result", filteredWidgets.length !== 1 ? "s" : "", ")", state.selectedWidgets.length > 0 && /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, {
               text: "".concat(state.selectedWidgets.length, " selected")
             })]
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "grid grid-cols-2 gap-2",
+            className: "grid grid-cols-2 lg:grid-cols-3 gap-3",
             children: filteredWidgets.map(function (widget) {
               var checked = isWidgetSelected(widget);
               return /*#__PURE__*/jsxRuntime.jsx(DashReact.Card2, {
                 hover: true,
                 selected: checked,
+                padding: "p-5",
+                rounded: "rounded-lg",
+                className: "hover:shadow-lg",
                 onClick: function onClick() {
                   return handleToggleWidget(widget);
                 },
@@ -7227,7 +7233,7 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx(DashReact.Modal, {
     isOpen: open,
     setIsOpen: setIsOpen,
-    width: "w-5/6",
+    width: "w-full max-w-5xl",
     height: "h-5/6",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col h-full bg-gray-900 rounded-lg overflow-hidden",