widgets are bound to container

figured out how to set bounds so widgets don't go off screen!
2025-07-22 11:58:10 -07:00
parent 999206b013
commit 37ebd3d478
4 changed files with 52 additions and 22 deletions
@@ -49,6 +49,26 @@ const sidebarRecipe = defineSlotRecipe({
  }
 });

+const widgetRecipe = defineSlotRecipe({
+  slots: ["root", "header", "canvas"],
+  base: {
+    root: {
+      bg: "base100",
+      borderRadius: "md",
+      p: "1"
+    },
+    header: {
+      bg: "base100",
+      cursor: "move",
+      borderRadius: "md"
+    },
+    canvas: {
+      bg: "base100",
+      cursor: "default"
+    }
+  }
+});
+
 const config = defineConfig({
  theme: {
    semanticTokens: {
@@ -82,6 +102,7 @@ const config = defineConfig({
    },
    slotRecipes: {
      sidebar: sidebarRecipe,
+      widget: widgetRecipe,
    }
  },
 });