More aesthetic improvements

ui/site/apps/Market/Market.js

@@ -51,34 +51,21 @@ class Market extends Shadow {
             .x(0).y(13, vh)
 
             HStack(() => {
-                input("Search for products...", "45vw")
+                input("Search for products... (Coming Soon!)", "45vw")
                     .attr({
-                        "type": "text"
+                        "type": "text",
+                        "disabled": "true"
                     })
                     .fontSize(1.1, em)
                     .paddingLeft(1.3, em)
                     .background("transparent")
-                    .border("0.5px solid var(--accent2)")
+                    .border("0.5px solid var(--divider)")
                     .outline("none")
                     .color("var(--accent)")
+                    .opacity(0.5)
                     .borderRadius(10, px)
-
-                button("Search")
-                    .marginLeft(2, em)
-                    .borderRadius(10, px)
-                    .background("transparent")
-                    .border("0.5px solid var(--accent2)")
-                    .color("var(--accent)")
-                    .fontFamily("Bona Nova")
-                    .onHover(function (hovering) {
-                        if(hovering) {
-                            this.style.background = "var(--green)"
-
-                        } else {
-                            this.style.background = "transparent"
-
-                        }
-                    })
+                    .background("grey")
+                    .cursor("not-allowed")
 
                 button("+ Add Item")
                     .width(7, em)