update

2026-01-13 01:38:15 -05:00
parent b67235b93d
commit d9db2a771d
10 changed files with 334 additions and 0 deletions
--- a/static/components/toolbar/toolbar.html
+++ b/static/components/toolbar/toolbar.html
@@ -0,0 +1,42 @@
+<template id="toolbar-template">
+  <style></style>
+    :host {
+      display: block;
+      width: 100%;
+      background: #f0f0f0;
+      border-bottom: 1px solid #ccc;
+      box-sizing: border-box;
+      font-family: sans-serif;
+    }
+
+    .toolbar {
+      display: flex;
+      align-items: center;
+      gap: 1rem;
+      padding: 0.5rem 1rem;
+    }
+
+    .section {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .section > label {
+      font-size: 0.9rem;
+      user-select: none;
+    }
+  </style>
+
+  <div class="toolbar">
+    <div class="section" id="bg-section">
+      <label for="bg-picker">Background:</label>
+      <slot name="bg-picker"></slot>
+    </div>
+
+    <div class="section" id="grid-section">
+      <label for="grid-picker">Grid:</label>
+      <slot name="grid-picker"></slot>
+    </div>
+  </div>
+</template>