From 0324660a26684a5382b2c6c18cd0a4e9f0169631 Mon Sep 17 00:00:00 2001
From: Josh Kingsley <josh@joshkingsley.me>
Date: Sun, 26 Oct 2025 14:28:55 +0200
Subject: feat(web): add dummy toolbar + tailwindcss colors

---
 web/src/components/app/index.css | 9 +++++++++
 web/src/components/app/index.ts  | 3 +++
 2 files changed, 12 insertions(+)

(limited to 'web/src/components/app')

diff --git a/web/src/components/app/index.css b/web/src/components/app/index.css
index 3eeaee9..aaf2ced 100644
--- a/web/src/components/app/index.css
+++ b/web/src/components/app/index.css
@@ -1,3 +1,12 @@
 ntv-app {
   display: block;
+  padding: 1.5rem;
+}
+
+ntv-app > ntv-toolbar {
+  margin-bottom: 1.5rem;
+}
+
+ntv-app > ntv-grid + ntv-grid {
+  margin-top: 1.5rem;
 }
diff --git a/web/src/components/app/index.ts b/web/src/components/app/index.ts
index 2782e22..910aa52 100644
--- a/web/src/components/app/index.ts
+++ b/web/src/components/app/index.ts
@@ -1,9 +1,12 @@
+import h from "../../html";
 import ntvGrid from "../grid";
+import ntvToolbar from "../toolbar";
 import "./index.css";
 
 class NotiveAppElement extends HTMLElement {
   connectedCallback() {
     this.append(
+      ntvToolbar(),
       ...window.notive.doc.grids.map((grid) => {
         return ntvGrid({ gridId: grid.id });
       }),
-- 
cgit v1.2.3