sam/ForumMobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better styling

Browse Source
This commit is contained in:
metacryst
2026-03-16 23:55:56 -05:00
parent 8452841460
commit 5903bafee5
9 changed files with 52 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/apps/Announcements/Announcements.js
View File

@@ -1,37 +1,16 @@
import "../../components/TopBar.js"
class Announcements extends Shadow {
render() {
VStack(() => {
HStack(() => {
img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
.onTouch(function (start) {
if(start) {
this.style.scale = "0.8"
} else if(start === false) {
this.style.scale = ""
$("sidebar-").toggle()
}
})
p("Announcements")
.color("var(--darkaccent)")
.textAlign("center")
.fontFamily("Arial")
.fontSize("3xl")
.fontWeight("bold")
})
.verticalAlign("center")
.gap(0.5, em)
.marginTop(2, em)
TopBar()
})
.paddingVertical(1, em)
.boxSizing("border-box")
.backgroundColor("var(--main)")
.gap(0.5, em)
.boxSizing("border-box")
.width(100, pct)
.height(100, pct)
.horizontalAlign("center")
.minHeight(0)
}

16
src/apps/Events/Events.js
View File

@@ -1,3 +1,4 @@
import "../../components/TopBar.js"
import "../../components/LoadingCircle.js"
import "./EventCard.js"
import server from "../../_/code/bridge/serverFunctions.js"
@@ -37,18 +38,7 @@ class Events extends Shadow {
render() {
VStack(() => {
HStack(() => {
img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
h1("Events")
.color("var(--darkaccent)")
.textAlign("center")
.fontFamily("Arial")
})
.verticalAlign("center")
.horizontalAlign("center")
.gap(0.5, em)
.marginTop(0.5, em)
TopBar()
SearchBar()
@@ -61,7 +51,7 @@ class Events extends Shadow {
}
} else {
h2("No Events")
.color("var(--text)")
.color("var(--divider)")
.fontWeight("bold")
.marginTop(7.5, em)
.marginBottom(0.5, em)

15
src/apps/Jobs/Jobs.js
View File

@@ -39,18 +39,7 @@ class Jobs extends Shadow {
render() {
VStack(() => {
HStack(() => {
img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
h1("Jobs")
.color("var(--darkaccent)")
.textAlign("center")
.fontFamily("Arial")
})
.verticalAlign("center")
.horizontalAlign("center")
.gap(0.5, em)
.marginTop(0.5, em)
TopBar()
// JobForm()
@@ -65,7 +54,7 @@ class Jobs extends Shadow {
}
} else {
h2("No Jobs")
.color("var(--text)")
.color("var(--divider)")
.fontWeight("bold")
.marginTop(7.5, em)
.marginBottom(0.5, em)

15
src/apps/People/People.js
View File

@@ -1,3 +1,4 @@
import "../../components/TopBar.js"
import "./PeopleCard.js"
css(`
@@ -24,18 +25,7 @@ class People extends Shadow {
render() {
VStack(() => {
HStack(() => {
img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
h1("People")
.color("var(--darkaccent)")
.textAlign("center")
.fontFamily("Arial")
})
.verticalAlign("center")
.horizontalAlign("center")
.gap(0.5, em)
.marginTop(0.5, em)
TopBar()
VStack(() => {
if (this.people == "") {
@@ -56,6 +46,7 @@ class People extends Shadow {
.color("var(--darkbrown)")
}
})
.gap(0.8, em)
})
.position("relative")
.boxSizing("border-box")

15
src/apps/People/PeopleCard.js
View File

@@ -8,28 +8,23 @@ class PeopleCard extends Shadow {
HStack(() => {
HStack(() => { })
.boxSizing("border-box")
.height(3.5, em)
.width(3.5, em)
.padding(0.5, em)
.height(3, em)
.width(3, em)
.paddingHorizontal(0.5, em)
.border("1px solid var(--accent)")
.borderRadius(100, pct)
.background("black")
VStack(() => {
h3(this.person.first_name + " " + this.person.last_name)
.color("var(--text)")
.fontSize(1.2, em)
.fontWeight("bold")
p(this.person.first_name + " " + this.person.last_name)
.color("var(--headertext)")
.marginVertical(0, em)
p("Member since " + this.convertDate(this.person.created))
})
.verticalAlign("center")
.horizontalAlign("left")
.gap(0.5, em)
})
.width(100, pct)
.boxSizing("border-box")
.padding(0.75, em)
.paddingHorizontal(1.75, em)
.gap(1, em)
}