Adding location pin, location input

This commit is contained in:
metacryst
2025-11-11 14:19:56 -06:00
parent fa67271ae8
commit 02648859a8
9 changed files with 80 additions and 8 deletions

View File

@@ -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)
}

View File

@@ -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)

View File

@@ -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 {

View File

@@ -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")