Sidebar content moved to new draggable sidebar

src/components/Sidebar.js

@@ -12,10 +12,11 @@ class Sidebar extends Shadow {
                 if(done) {
                     if (this.innerText === "Logout") {
                         global.onLogout()
+                        $("home-").closeSidebar();
                         return
                     } else if (this.innerText === "Profile") {
                         $("appwindowcontainer-").openProfile()
-                        $("sidebar-").toggle()
+                        $("home-").closeSidebar();
                         return
                     }
                 }
@@ -29,24 +30,13 @@ class Sidebar extends Shadow {
         })
         .gap(2, em)
         .paddingTop(30, vh)
-        .height(105, vh)
+        .height(window.visualViewport.height - 20, px)
+        .top(20, px)
         .width(70, vw)
         .borderLeft("1px solid var(--divider)")
         .color("var(--text)")
         .position("fixed")
         .background("var(--sidebar)")
-        .xRight(-71, vw)
-        .top(-5, vh)
-        .transition("right .3s")
-        .zIndex(3)
-    }
-
-    toggle() {
-        if(this.style.right === "-71vw") {
-            this.style.right = "0vw"
-        } else {
-            this.style.right = "-71vw"
-        }
     }
 }