basic sidebar toggle

src/Home.js

@@ -8,6 +8,22 @@ class Home extends Shadow {
 
     render() {
         ZStack(() => {
+
+            img("/_/icons/hamburger.svg", "3em")
+                .position("absolute")
+                .zIndex(2)
+                .left(2, em)
+                .top(2, em)
+                .onTouch(function (start) {
+                    console.log("touch", start)
+                    if(start) {
+                        this.style.scale = "0.8"
+                    } else if(start === false) {
+                        this.style.scale = ""
+                        $("sidebar-").toggle()
+                    }
+                })
+
 			Sidebar()
 
             ZStack(() => {
@@ -32,6 +48,8 @@ class Home extends Shadow {
 
             AppMenu()
         })
+                .backgroundColor("var(--main)")
+
         .overflowX("hidden")
     }
 }