fixing logout, people not scrolling, sidebar being too short

src/Home/AuthPage/AuthPage.js

@@ -38,7 +38,7 @@ class AuthPage extends Shadow {
                     .fontWeight(this.selectedPage === 1 ? "bold" : "normal")
                     .padding(0.75, em)
                     .borderRadius(12, px)
-                    .background(this.selectedPage === 1 ? "var(--darkaccent)" : "transparent")
+                    .background(this.selectedPage === 1 ? "var(--loginButton)" : "transparent")
                     .onTap(() => {
                         this.selectedPage = 1;
                         this.rerender();
@@ -48,7 +48,7 @@ class AuthPage extends Shadow {
                     .fontWeight(this.selectedPage === 2 ? "bold" : "normal")
                     .padding(0.75, em)
                     .borderRadius(12, px)
-                    .background(this.selectedPage === 2 ? "var(--darkaccent)" : "transparent")
+                    .background(this.selectedPage === 2 ? "var(--loginButton)" : "transparent")
                     .onTap(() => {
                         this.selectedPage = 2;
                         this.rerender();
@@ -57,7 +57,7 @@ class AuthPage extends Shadow {
                 .fontFamily("Arial")
                 .padding(0.25, em)
                 .borderRadius(12, px)
-                .background("var(--accent)")
+                .background("var(--loginBackground)")
                 .color("var(--text)")
                 .horizontalAlign("center")
                 .margin("auto")

src/_/code/shared.css

@@ -1,7 +1,7 @@
 :root {
     --main: #FFE9C8;
-    --accent: #60320c;
-    --darkaccent: #250709;
+    --accent: #570b0b;
+    --darkaccent: #dfc9ac;
     --text: #340000;
     --yellow: #f1f3c3;
     --bone: #fff2e7;
@@ -12,13 +12,15 @@
     --quillred: #DE3F3F;
     --brown: #812A18;
 
-    --sidebar: #4e765f;
+    --sidebar: #3f914c;
     --divider: #523636;
     --darkbrown: #3f0808;
     --darkgrey: #5c4646;
 
     --headertext: #433c36e2;
     --searchbackground: #dfc9ac;
+    --loginButton: var(--main);
+    --loginBackground: var(--gold);
 
     --home-src: /_/icons/home.svg;
     --home-selected-src: /_/icons/homelightselected.svg;
@@ -56,6 +58,8 @@
     --headertext: #ffd8bbe2;
     --darkred: #6b2c1d;
     --searchbackground: #260F0C;
+    --loginButton: var(--darkaccent);
+    --loginBackground: var(--accent);
 
 
     --home-src: /_/icons/homelight.svg;

src/apps/People/People.js

@@ -45,6 +45,7 @@ class People extends Shadow {
                         .color("var(--darkbrown)")
                 }
             })
+            .overflow("scroll")
             .gap(0.8, em)
         })
         .position("relative")

src/components/Sidebar.js

@@ -11,7 +11,6 @@ class Sidebar extends Shadow {
             .onClick(function (done) {
                 if(done) {
                     if (this.innerText === "Logout") {
-                        $("sidebar-").close()
                         global.onLogout()
                         return
                     } else if (this.innerText === "Profile") {
@@ -30,13 +29,14 @@ class Sidebar extends Shadow {
         })
         .gap(2, em)
         .paddingTop(30, vh)
-        .height(100, vh)
+        .height(105, vh)
         .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)
     }

src/index.js

@@ -157,7 +157,7 @@ let Global = class {
             credentials: "include"
         });
         this.profile = null
-        AuthPage()
+        location.reload()
     }
 
     constructor() {