diff --git a/src/app.css b/src/app.css
index e80461b..ccbf804 100644
--- a/src/app.css
+++ b/src/app.css
@@ -46,7 +46,7 @@ body {
}
.block {
- @apply p-3 rounded-xl bg-block;
+ @apply p-2 rounded-xl bg-block;
}
.sidebar {
diff --git a/src/lib/components/Block.svelte b/src/lib/components/Block.svelte
index aae94d2..83c6a26 100644
--- a/src/lib/components/Block.svelte
+++ b/src/lib/components/Block.svelte
@@ -3,6 +3,12 @@
export let draggable = false;
-
-
-
+{#if draggable}
+
+
+
+{:else}
+
+
+
+{/if}
diff --git a/src/lib/components/TopBar.svelte b/src/lib/components/TopBar.svelte
index 5690865..ff84c88 100644
--- a/src/lib/components/TopBar.svelte
+++ b/src/lib/components/TopBar.svelte
@@ -4,6 +4,7 @@
import Reload from "$lib/icons/Reload.svelte";
import SidebarLeft from "$lib/icons/SidebarLeft.svelte";
import SidebarRight from "$lib/icons/SidebarRight.svelte";
+ import Block from "./Block.svelte";
import Button from "./Button.svelte";
export let onSidebarToggle = () => {};
@@ -18,7 +19,7 @@
-
+
+