Styled Jobs and Events like Figma mockups
- Modified some darkmode css values to match those on the figma - Fixed misnamed calls to var(--darkaccent) from var(--accentdark) - Commented out trash/delete button on EventCard and JobCard for now - Hid scrollbar on Events/Jobs - Fixed mis-centered People list - Fixed colors in searchbar in events/jobs
This commit is contained in:
@@ -10,11 +10,7 @@ css(`
|
||||
}
|
||||
|
||||
people- p {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
people- p b {
|
||||
color: var(--darkbrown);
|
||||
color: var(--darktext);
|
||||
}
|
||||
`)
|
||||
|
||||
@@ -32,36 +28,37 @@ class People extends Shadow {
|
||||
img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
|
||||
|
||||
h1("People")
|
||||
.color("var(--accentdark)")
|
||||
.color("var(--darkaccent)")
|
||||
.textAlign("center")
|
||||
.fontFamily("Arial")
|
||||
})
|
||||
.verticalAlign("center")
|
||||
.horizontalAlign("center")
|
||||
.gap(0.5, em)
|
||||
.marginTop(0.5, em)
|
||||
|
||||
if (this.people == "") {
|
||||
LoadingCircle()
|
||||
} else if (this.people.length > 0) {
|
||||
for (let i = 0; i < this.people.length; i++) {
|
||||
PeopleCard(this.people[i])
|
||||
VStack(() => {
|
||||
if (this.people == "") {
|
||||
LoadingCircle()
|
||||
} else if (this.people.length > 0) {
|
||||
for (let i = 0; i < this.people.length; i++) {
|
||||
PeopleCard(this.people[i])
|
||||
}
|
||||
} else {
|
||||
h2("No Members")
|
||||
.color("var(--brown)")
|
||||
.fontWeight("bold")
|
||||
.marginTop(7.5, em)
|
||||
.marginBottom(0.5, em)
|
||||
.textAlign("center")
|
||||
p("Invite people to this network!")
|
||||
.textAlign("center")
|
||||
.color("var(--darkbrown)")
|
||||
}
|
||||
} else {
|
||||
h2("No Members")
|
||||
.color("var(--brown)")
|
||||
.fontWeight("bold")
|
||||
.marginTop(7.5, em)
|
||||
.marginBottom(0.5, em)
|
||||
.textAlign("center")
|
||||
p("Invite people to this network!")
|
||||
.textAlign("center")
|
||||
.color("var(--darkbrown)")
|
||||
}
|
||||
})
|
||||
})
|
||||
.horizontalAlign("center")
|
||||
.position("relative")
|
||||
.boxSizing("border-box")
|
||||
.paddingVertical(1, em)
|
||||
.height(100, pct)
|
||||
.width(100, pct)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user