Adding location pin, location input
This commit is contained in:
@@ -3,14 +3,22 @@ class JobsSidebar extends Shadow {
|
||||
VStack(() => {
|
||||
h3("Location")
|
||||
.color("var(--accent2)")
|
||||
.marginBottom(0, em)
|
||||
|
||||
|
||||
HStack(() => {
|
||||
input("Location", "100%")
|
||||
.paddingLeft(3, em)
|
||||
.paddingVertical(0.75, em)
|
||||
.backgroundImage("/_/icons/locationPin.svg")
|
||||
.backgroundRepeat("no-repeat")
|
||||
.backgroundSize("18px 18px")
|
||||
.backgroundPosition("10px center")
|
||||
})
|
||||
})
|
||||
.paddingTop(1, em)
|
||||
.paddingLeft(3, em)
|
||||
.paddingRight(3, em)
|
||||
.gap(1, em)
|
||||
.borderRight("1px solid var(--accent2)")
|
||||
.borderTop("1px solid var(--accent2)")
|
||||
.minWidth(10, vw)
|
||||
}
|
||||
|
||||
@@ -26,6 +26,8 @@ class MarketGrid extends Shadow {
|
||||
|
||||
if (this.listings.length > 0) {
|
||||
ZStack(() => {
|
||||
// BuyModal()
|
||||
|
||||
for (let i = 0; i < this.listings.length; i++) {
|
||||
const rating = this.listings[i].stars
|
||||
const percent = (rating / 5)
|
||||
@@ -74,6 +76,11 @@ class MarketGrid extends Shadow {
|
||||
.marginBottom(0.5, em)
|
||||
|
||||
button("Buy Now")
|
||||
.onClick((finished) => {
|
||||
if(finished) {
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
})
|
||||
.padding(1, em)
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import "../apps/Jobs/Jobs.js"
|
||||
import "../apps/Messages.js"
|
||||
import "../apps/Messages/Messages.js"
|
||||
import "../apps/Market/Market.js"
|
||||
|
||||
class AppWindow extends Shadow {
|
||||
|
||||
@@ -21,7 +21,7 @@ class Home extends Shadow {
|
||||
.width(100, vw)
|
||||
.height(100, vh)
|
||||
.margin("0px")
|
||||
.backgroundImage("url('/_/images/the_return.webp')")
|
||||
.backgroundImage("/_/images/the_return.webp")
|
||||
.backgroundSize("cover")
|
||||
.backgroundPosition("48% 65%")
|
||||
.backgroundRepeat("no-repeat")
|
||||
|
||||
Reference in New Issue
Block a user