app icon, styling, light mode, top bar component

2026-03-17 05:33:28 -05:00
parent 5903bafee5
commit 530ea7da89
24 changed files with 106 additions and 65 deletions
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -26,19 +26,20 @@ class Sidebar extends Shadow {
        .paddingTop(30, vh)
        .height(100, vh)
        .width(70, vw)
-        .borderLeft("1px solid black")
+        .borderLeft("1px solid var(--divider)")
+        .color("var(--text)")
        .position("fixed")
-        .background("var(--main)")
-        .xRight(-70, vw)
+        .background("var(--sidebar)")
+        .xRight(-71, vw)
        .transition("right .3s")
-        .zIndex(1)
+        .zIndex(3)
    }

    toggle() {
-        if(this.style.right === "-70vw") {
+        if(this.style.right === "-71vw") {
            this.style.right = "0vw"
        } else {
-            this.style.right = "-70vw"
+            this.style.right = "-71vw"
        }
    }
 }