diff options
| author | Josh Kingsley <josh@joshkingsley.me> | 2025-10-26 14:28:55 +0200 |
|---|---|---|
| committer | Josh Kingsley <josh@joshkingsley.me> | 2025-10-26 14:28:55 +0200 |
| commit | 0324660a26684a5382b2c6c18cd0a4e9f0169631 (patch) | |
| tree | 64c16e8a4a4815f050f7e06a3b9486a668f2b4d4 /web/src/components/app | |
| parent | 1b8d05bf83d7bd9ab425852f519ea81bdc379444 (diff) | |
feat(web): add dummy toolbar + tailwindcss colors
Diffstat (limited to 'web/src/components/app')
| -rw-r--r-- | web/src/components/app/index.css | 9 | ||||
| -rw-r--r-- | web/src/components/app/index.ts | 3 |
2 files changed, 12 insertions, 0 deletions
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 }); }), |