diff --git a/src/components/ColorInput.vue b/src/components/ColorInput.vue
index f336bf3..ee46865 100644
--- a/src/components/ColorInput.vue
+++ b/src/components/ColorInput.vue
@@ -1,6 +1,7 @@
+
@@ -16,22 +21,37 @@
diff --git a/src/modules/house-planner/canvas.ts b/src/modules/house-planner/canvas.ts
index 6b9a369..e837e2c 100644
--- a/src/modules/house-planner/canvas.ts
+++ b/src/modules/house-planner/canvas.ts
@@ -479,7 +479,7 @@ export class HousePlannerCanvas {
private calculateViewport(box: Vec2Box): [number, Vec2] {
let [min, max] = box;
- const gap = this.headless ? 10 : 80;
+ const gap = this.headless ? 50 : 80;
min = vec2Sub(min, [gap, gap]);
max = vec2Add(max, [gap, gap]);
diff --git a/src/utils/take-error.ts b/src/utils/take-error.ts
new file mode 100644
index 0000000..be643e0
--- /dev/null
+++ b/src/utils/take-error.ts
@@ -0,0 +1,15 @@
+import { JFetchError } from './jfetch';
+
+export default function takeError(thrown: unknown): string {
+ if ((thrown as JFetchError).data) {
+ const message = (thrown as JFetchError).data.message;
+ if (message) {
+ if (Array.isArray(message)) {
+ return message.join('\n');
+ }
+ return message;
+ }
+ }
+ if ((thrown as Error).message) return (thrown as Error).message;
+ return 'An unexpected error occured';
+}
diff --git a/src/views/building/floors/FloorView.vue b/src/views/building/floors/FloorView.vue
index 9d9e661..b133dfb 100644
--- a/src/views/building/floors/FloorView.vue
+++ b/src/views/building/floors/FloorView.vue
@@ -67,7 +67,11 @@
selectRoomFromList(room)"
- @select-storage="(storage) => selectStorage(storage)"
- @new-storage="(set) => addNewStorage(set)"
+ @select-room="selectRoomFromList"
+ @select-storage="selectStorage"
+ @new-storage="addNewStorage"
/>
-
+
diff --git a/src/views/building/floors/ItemSelector.vue b/src/views/building/floors/ItemSelector.vue
index 3d5fb8b..faa6218 100644
--- a/src/views/building/floors/ItemSelector.vue
+++ b/src/views/building/floors/ItemSelector.vue
@@ -1,5 +1,10 @@
-
+
-
-
+
-
-
- {{ storage.displayName }} ({{ storage.itemCount }})
-
-
-
-
-
- Add Storage
-
+
+
+
-
-
-
- {{ item.item.displayName }}
-
-
-
-
+
- Add Items
+ {{ storage.displayName }} ({{ storage.itemCount }})
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.item.displayName }}
+
+
+
+
+
+
+
+
+