From d724cc0bf6ff6d351319e6fb00f5184a04e16ac0 Mon Sep 17 00:00:00 2001
From: Josh Kingsley <josh@joshkingsley.me>
Date: Mon, 24 Nov 2025 15:46:22 +0200
Subject: chore: improve dev tasks

---
 apps/web/src/components/toolbar/index.css | 48 +++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 apps/web/src/components/toolbar/index.css

(limited to 'apps/web/src/components/toolbar/index.css')

diff --git a/apps/web/src/components/toolbar/index.css b/apps/web/src/components/toolbar/index.css
new file mode 100644
index 0000000..653c326
--- /dev/null
+++ b/apps/web/src/components/toolbar/index.css
@@ -0,0 +1,48 @@
+@layer components {
+  ntv-toolbar {
+    display: flex;
+    border-radius: 99999px;
+    background: var(--color-neutral-900);
+    width: min-content;
+  }
+
+  ntv-toolbar > section {
+    display: flex;
+    gap: 0.25rem;
+    padding: 0.325rem;
+  }
+
+  ntv-toolbar button {
+    border-radius: 99999px;
+    background: var(--color-neutral-800);
+    padding: 0 0.5rem;
+    height: 1.25rem;
+    color: white;
+    font-weight: 600;
+    font-size: 0.75rem;
+  }
+
+  ntv-toolbar button:hover {
+    background: var(--color-green-400);
+    color: var(--color-neutral-900);
+  }
+
+  ntv-toolbar button[data-icon] {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    aspect-ratio: 1;
+    height: 1.25rem;
+  }
+
+  ntv-toolbar input {
+    border: 1px solid var(--color-neutral-700);
+    border-radius: 4px;
+    background: var(--color-neutral-900);
+    width: 2.5rem;
+    height: 1.25rem;
+    color: white;
+    font-size: 0.75rem;
+    text-align: center;
+  }
+}
-- 
cgit v1.2.3