Introducing dark mode, deriving apps in bottom bar from db

2026-02-13 20:25:46 -06:00
parent 4432acfea5
commit f02f181058
10 changed files with 248 additions and 61 deletions
--- a/src/Home/Login.js
+++ b/src/Home/Login.js
@@ -0,0 +1,47 @@
+class Login extends Shadow {
+    inputStyles(el) {
+        return el
+            .background("var(--main)")
+            .color("var(--accent)")
+            .border("1px solid var(--accent)")
+    }
+
+    render() {
+        ZStack(() => {
+            img("/_/icons/column.svg", window.isMobile() ? "5vmax" : "3vmax")
+                .position("absolute")
+                .top(2, em)
+                .left(2, em)
+                .onClick((done) => {
+                    window.navigateTo("/")
+                })
+
+            form(() => {
+                input("Email", "60vw")
+                    .attr({name: "email", type: "email"})
+                    .margin(1, em)
+                    .padding(1, em)
+                    .styles(this.inputStyles)
+                input("Password", "60vw")
+                    .attr({name: "password", type: "password"})
+                    .margin(1, em)
+                    .padding(1, em)
+                    .styles(this.inputStyles)
+                button("Submit")
+                    .margin(1, em)                    
+                    .padding(1, em)
+                    .background("var(--main)")
+                    .color("var(--accent)")
+                    .border("1px solid var(--accent)")
+            })
+            .attr({action: "/login", method: "POST"})
+            .x(50, vw).y(50, vh)
+            .center()
+        })
+        .background("var(--main)")
+        .width(100, vw)
+        .height(100, vh)
+    }
+}
+
+register(Login)