summaryrefslogtreecommitdiff
path: root/tools/editor/style.css
diff options
context:
space:
mode:
authorskal <pascal.massimino@gmail.com>2026-01-28 11:45:09 +0100
committerskal <pascal.massimino@gmail.com>2026-01-28 11:45:09 +0100
commit371017a31bedaed179d339b9fe371529f22d9ec4 (patch)
tree5156714aa3c4349f69856d46a1d5e1df9f97627f /tools/editor/style.css
parent7d022d9a3923eb35f3acd3ed4a1795c497bc53ee (diff)
feat(editor): Scaffold web spectrogram editor
Initial setup for the spectrogram editor tool. - Created tools/editor/index.html, script.js, and style.css. - Added basic structure for WAV loading, visualization, and tool controls.
Diffstat (limited to 'tools/editor/style.css')
-rw-r--r--tools/editor/style.css35
1 files changed, 35 insertions, 0 deletions
diff --git a/tools/editor/style.css b/tools/editor/style.css
new file mode 100644
index 0000000..f610969
--- /dev/null
+++ b/tools/editor/style.css
@@ -0,0 +1,35 @@
+body {
+ font-family: sans-serif;
+ margin: 20px;
+ background-color: #f4f4f4;
+}
+
+h1, h2 {
+ color: #333;
+}
+
+#editorContainer {
+ display: flex;
+ margin-top: 20px;
+}
+
+#spectrogramCanvas {
+ border: 1px solid #ccc;
+ background-color: #fff;
+ margin-right: 20px;
+}
+
+#controls {
+ border: 1px solid #ccc;
+ padding: 15px;
+ background-color: #eee;
+ min-width: 200px;
+}
+
+#controls button {
+ display: block;
+ width: 100%;
+ margin-bottom: 10px;
+ padding: 10px;
+ cursor: pointer;
+}