Small edits, fixing bug with app spawning, working on forum page

ui/site/apps/Forum/Forum.js

@@ -30,44 +30,46 @@ class Forum extends Shadow {
         ZStack(() => {
             HStack(() => {
                 VStack(() => {
-                    h3("Friends")
+                    p("Hyperia")
+                        .background("var(--darkbrown)")
+                        .textAlign("center")
+                        .paddingVertical(0.5, em)
+                        .width(20, vh)
                         .marginTop(0)
                         .marginBottom(1, em)
                         .marginLeft(0.4, em)
-
-                    if (this.friends.length > 1) {
-                        for(let i = 0; i < this.friends.length; i++) {
-                            p(this.friends[i].name)
-                        }
-                    } else {
-                        p("No Friends!")
-                    }
                 })
                 .height(100, vh)
                 .paddingLeft(2, em)
                 .paddingRight(2, em)
                 .paddingTop(2, em)
                 .gap(0, em)
-                .borderRight("1px solid var(--accent2)")
+
+                VStack(() => {
+                    input("Message Hyperia", "80%")
+                        .paddingVertical(1, em)
+                        .color("var(--accent)")
+                        .background("var(--darkbrown)")
+                        .marginBottom(6, em)
+                        .border("none")
+                })
+                .width(100, pct)
+                .alignHorizontal("center")
+                .alignVertical("end")
             })
             .width(100, "%")
+            .height(87, vh)
             .x(0).y(13, vh)
-            .borderTop("1px solid var(--accent2)")
-
-            p("0 Items")
-                .position("absolute")
-                .x(50, vw).y(50, vh)
-                .transform("translate(-50%, -50%)")
 
             HStack(() => {
-                input("Search messages...", "45vw")
+                input("Search...", "45vw")
                     .attr({
                         "type": "text"
                     })
                     .fontSize(1.1, em)
                     .paddingLeft(1.3, em)
                     .background("transparent")
-                    .border("1px solid var(--accent2)")
+                    .border("0.5px solid #bb7c36")
                     .outline("none")
                     .color("var(--accent)")
                     .borderRadius(10, px)
@@ -76,7 +78,7 @@ class Forum extends Shadow {
                     .marginLeft(2, em)
                     .borderRadius(10, px)
                     .background("transparent")
-                    .border("1px solid var(--accent2)")
+                    .border("0.5px solid #bb7c36")
                     .color("var(--accent)")
                     .fontFamily("Bona Nova")
                     .onHover(function (hovering) {
@@ -94,7 +96,7 @@ class Forum extends Shadow {
                     .marginLeft(1, em)
                     .borderRadius(10, px)
                     .background("transparent")
-                    .border("1px solid var(--accent2)")
+                    .border("0.5px solid #bb7c36")
                     .color("var(--accent)")
                     .fontFamily("Bona Nova")
                     .onHover(function (hovering) {
@@ -115,42 +117,8 @@ class Forum extends Shadow {
             .position("absolute")
             .transform("translateX(-50%)")
         })
-        .width(100, "%")
-        .height(100, "%")
-    }
-
-    SidebarName(name) {
-        let firstLetter = name[0]
-
-        HStack(() => {
-            div(firstLetter)
-                .display("flex")
-                .justifyContent("center")
-                .alignItems("center")   
-                .width(1.5, em)
-                .height(1.5, em)
-                .border("1px solid var(--accent2)")
-                .borderRadius(100, "%")
-            p(name)
-                .marginLeft(1, em)
-        })
-        .alignItems("center")
-        .padding(5, px)
-        .borderRadius(0.5, em)
-        .cursor("default")
-        .onHover(function (hovering) {
-            if(hovering) {
-                this.style.background = "var(--green)"
-
-            } else {
-                this.style.background = "transparent"
-
-            }
-        })
-    }
-
-    connectedCallback() {
-        // Optional additional logic
+        .width(100, pct)
+        .height(100, pct)
     }
 }
 

ui/site/apps/Jobs/JobsGrid.js

@@ -54,7 +54,6 @@ class JobsGrid extends Shadow {
         .paddingTop(2, em)
         .gap(0, em)
         .width(100, "%")
-        .borderTop("1px solid var(--accent2)")
     }
 }
 

ui/site/apps/Jobs/JobsSidebar.js

@@ -19,7 +19,6 @@ class JobsSidebar extends Shadow {
         .paddingLeft(3, em)
         .paddingRight(3, em)
         .gap(1, em)
-        .borderTop("1px solid var(--accent2)")
         .minWidth(10, vw)
     }
 }