@tangle-network/sandbox-ui 0.134.3 → 0.134.4

package/dist/assets.js

@@ -620,20 +620,29 @@ function AssetCard({ spec, variantCount, onApprove, onReject, onEdit, onOpen, cl
 					onEdit && /* @__PURE__ */ jsxs("button", {
 						type: "button",
 						onClick: () => onEdit(spec.id),
-						className: "flex flex-1 items-center justify-center gap-1 py-2 text-xs text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
-						children: [/* @__PURE__ */ jsx(Pencil, { size: 12 }), "Edit"]
+						className: "flex min-h-10 flex-1 items-center justify-center gap-1.5 py-2 text-sm text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+						children: [/* @__PURE__ */ jsx(Pencil, {
+							size: 14,
+							"aria-hidden": true
+						}), "Edit"]
 					}),
 					onReject && spec.status === "pending_review" && /* @__PURE__ */ jsxs("button", {
 						type: "button",
 						onClick: () => onReject(spec.id),
-						className: "flex flex-1 items-center justify-center gap-1 border-l border-border py-2 text-xs text-muted-foreground transition-colors hover:bg-destructive/5 hover:text-destructive",
-						children: [/* @__PURE__ */ jsx(X, { size: 12 }), "Reject"]
+						className: "flex min-h-10 flex-1 items-center justify-center gap-1.5 border-l border-border py-2 text-sm text-muted-foreground transition-colors hover:bg-destructive/5 hover:text-destructive",
+						children: [/* @__PURE__ */ jsx(X, {
+							size: 14,
+							"aria-hidden": true
+						}), "Reject"]
 					}),
 					onApprove && spec.status === "pending_review" && /* @__PURE__ */ jsxs("button", {
 						type: "button",
 						onClick: () => onApprove(spec.id),
-						className: "flex flex-1 items-center justify-center gap-1 border-l border-border py-2 text-xs text-muted-foreground transition-colors hover:bg-green-600/5 hover:text-green-600",
-						children: [/* @__PURE__ */ jsx(Check, { size: 12 }), "Approve"]
+						className: "flex min-h-10 flex-1 items-center justify-center gap-1.5 border-l border-border py-2 text-sm text-muted-foreground transition-colors hover:bg-green-600/5 hover:text-green-600",
+						children: [/* @__PURE__ */ jsx(Check, {
+							size: 14,
+							"aria-hidden": true
+						}), "Approve"]
 					})
 				]
 			})
@@ -1252,7 +1261,7 @@ function ApprovalQueue({ assets, variantCounts = {}, onApprove, onReject, onEdit
 			className: "py-12 text-center text-sm text-muted-foreground",
 			children: "No assets match your filters."
 		}) : /* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3",
+			className: "grid grid-cols-1 min-[480px]:grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3",
 			children: filtered.map((a) => /* @__PURE__ */ jsx(AssetCard, {
 				spec: a,
 				variantCount: variantCounts[a.id],

package/dist/globals.css

@@ -5454,6 +5454,11 @@
       padding-left: calc(var(--spacing) * 4);
     }
   }
+  @media (width >= 480px) {
+    .min-\[480px\]\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   @media (width >= 40rem) {
     .sm\:col-span-1 {
       grid-column: span 1 / span 1;

package/dist/styles.css

@@ -5454,6 +5454,11 @@
       padding-left: calc(var(--spacing) * 4);
     }
   }
+  @media (width >= 480px) {
+    .min-\[480px\]\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   @media (width >= 40rem) {
     .sm\:col-span-1 {
       grid-column: span 1 / span 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.134.3",
+  "version": "0.134.4",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {