feat: Before tailwind

1 files changed, 4 insertions, 44 deletions

diff --git a/apps/projects/src/app/pages/ui-workbench.svelte b/apps/projects/src/app/pages/ui-workbench.svelte
index af1bf4e..ff2b058 100644
--- a/apps/projects/src/app/pages/ui-workbench.svelte
+++ b/apps/projects/src/app/pages/ui-workbench.svelte
@@ -1,47 +1,7 @@
 <script>
-	import Dropdown from "$shared/components/dropdown.svelte";
-	import {generate_random_hex_color} from "$shared/lib/colors";
-
-	let entries = [];
-
-	let dropdown;
-
-	for (let i = 1; i < 20; i++) {
-		entries.push({
-			id: crypto.randomUUID(),
-			name: "Option " + i,
-			selected: false,
-			color: generate_random_hex_color(true)
-		});
-	}
-
-	function on_create({detail}) {
-		const copy = entries;
-		const entry = {id: crypto.randomUUID(), name: detail.name};
-		copy.push(entry);
-		entries = copy;
-		console.log("Created", entry);
-		dropdown.select_entry(entry.id);
-	}
-
-	function on_select({detail}) {
-		console.log(detail);
-	}
+    import {NavWrapper} from "./nav/index";
 </script>
 
-<main class="grid gap-y-lg padding-md">
-    <div class="row">
-        <label for="dropdown">Choose an entry</label>
-        <Dropdown id="dropdown"
-                  name="dropdown"
-                  placeholder="Search or create"
-                  maxlength="50"
-                  creatable="true"
-                  multiple="false"
-                  {entries}
-                  bind:this={dropdown}
-                  on:create={on_create}
-                  on:select={on_select}
-        />
-    </div>
-</main>
+<NavWrapper>
+    
+</NavWrapper>
\ No newline at end of file