starting to fix mobile

ui/mobile/components/AppMenu.js

@@ -8,9 +8,8 @@ class AppMenu extends Shadow {
     }
 
     render() {
-        console.log("rendering")
         HStack(() => {
-            img("/_/icons/Column.svg", "1.5em", "1.5em")
+            img("/_/icons/House.svg", "1.5em", "1.5em")
                 .attr({app: "forum"})
                 .padding(0.5, em)
                 .borderRadius(10, px)
@@ -21,13 +20,12 @@ class AppMenu extends Shadow {
                     if(finished) {
                         this.onNewSelection()
                     }
-                    e.target.style.background = "var(--accent)"
-                    console.log(e.target, e.target.style.background)
+                    e.target.style.background = "var(--bone)"
                     if(finished) {
                         window.navigateTo("/")
                     }
                 })
-            img("/_/icons/letter.svg", "1.5em", "1.5em")
+            img("/_/icons/people.svg", "1.5em", "1.5em")
                 .attr({app: "messages"})
                 .padding(0.5, em)
                 .borderRadius(10, px)
@@ -43,22 +41,6 @@ class AppMenu extends Shadow {
                         window.navigateTo("/messages")
                     }
                 })
-            img("/_/icons/jobs.svg", "1.5em", "1.5em") 
-                .attr({app: "jobs"})
-                .padding(0.5, em)
-                .borderRadius(10, px)
-                .onAppear(function () {
-                    this.style.border = "1px solid black"
-                })
-                .onClick((finished, e) => {
-                    if(finished) {
-                        this.onNewSelection()
-                    }
-                    e.target.style.background = "#9392bb"
-                    if(finished) {
-                        window.navigateTo("/jobs")
-                    }
-                })
         })
         .borderTop("1px solid black")
         .height("auto")
@@ -67,7 +49,7 @@ class AppMenu extends Shadow {
         .zIndex(1)
         .x(0).yBottom(0)
         .justifyContent("space-between")
-        .paddingHorizontal(4, em)
+        .paddingHorizontal(7, em)
         .paddingVertical(1, em)
         .width(100, vw)
         .boxSizing("border-box")

ui/mobile/components/Home.js

@@ -1,37 +0,0 @@
-import "./AppMenu.js"
-import "../apps/Forum/Forum.js"
-import "../apps/Messages/Messages.js"
-import "../apps/Jobs/Jobs.js"
-    
-class Home extends Shadow {
-
-    render() {
-        ZStack(() => {
-
-            ZStack(() => {
-                switch(window.location.pathname) {
-                    case "/":
-                        Forum()
-                        break;
-    
-                    case "/messages":
-                        Messages()
-                        break;
-    
-                    case "/jobs":
-                        Jobs()
-                        break;
-                }
-            })
-            .onNavigate(function () {
-                console.log("navigate")
-                this.rerender()
-            })
-
-            AppMenu()
-        })
-        .overflowX("hidden")
-    }
-}
-
-register(Home)