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

improve styling, fix bottom bar underline bug

Browse Source
This commit is contained in:
metacryst
2026-03-16 01:09:48 -05:00
parent 834d5e763e
commit a626abe1c3
13 changed files with 113 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/apps/Announcements/Announcements.js Normal file
View File

@@ -0,0 +1,41 @@
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(--accentdark)")
.textAlign("center")
.fontFamily("Arial")
.fontSize("3xl")
.fontWeight("bold")
})
.verticalAlign("center")
.gap(0.5, em)
.marginTop(2, em)
})
.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)
}
}
register(Announcements)

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

@@ -29,20 +29,22 @@ class Events extends Shadow {
render() {
VStack(() => {
h1("Events")
.color("var(--quillred)")
.textAlign("center")
.marginBottom(0.25, em)
h3(global.currentNetwork.name)
.color("var(--quillred)")
.textAlign("center")
.margin(0)
.fontFamily("Bona")
HStack(() => {
img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
h1("Events")
.color("var(--accentdark)")
.textAlign("center")
.fontFamily("Arial")
})
.verticalAlign("center")
.gap(0.5, em)
.marginTop(0.5, em)
SearchBar()
VStack(() => {
if (this.events == "" || this.events == []) {
if (!this.events || this.events == []) {
LoadingCircle()
} else if (this.events.length > 0) {
for (let i = 0; i < this.events.length; i++) {
@@ -60,6 +62,7 @@ class Events extends Shadow {
})
.overflowY("scroll")
})
.horizontalAlign("center")
.boxSizing("border-box")
.paddingVertical(1, em)
.height(100, pct)

4
src/apps/Jobs/JobForm.js
View File

@@ -7,14 +7,14 @@ class JobForm extends Shadow {
.color("var(--text)")
.border("1px solid var(--accent)")
.fontSize(0.9, rem)
.backgroundColor("var(--accentdark)")
.backgroundColor("var(--darkaccent)")
.borderRadius(12, px)
.outline("none")
.onTouch((start) => {
if (start) {
this.style.backgroundColor = "var(--accent)"
} else {
this.style.backgroundColor = "var(--accentdark)"
this.style.backgroundColor = "var(--darkaccent)"
}
})
}

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

@@ -31,22 +31,24 @@ class Jobs extends Shadow {
render() {
VStack(() => {
h1("Jobs")
.color("var(--quillred)")
.textAlign("center")
.marginBottom(0.25, em)
h3(global.currentNetwork.name)
.color("var(--quillred)")
.textAlign("center")
.margin(0)
.fontFamily("Bona")
HStack(() => {
img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
h1("Jobs")
.color("var(--accentdark)")
.textAlign("center")
.fontFamily("Arial")
})
.verticalAlign("center")
.gap(0.5, em)
.marginTop(0.5, em)
// JobForm()
SearchBar()
VStack(() => {
if (this.jobs == "" || this.jobs == []) {
if (!this.jobs || this.jobs == []) {
LoadingCircle()
} else if (this.jobs.length > 0) {
for (let i = 0; i < this.jobs.length; i++) {
@@ -64,6 +66,7 @@ class Jobs extends Shadow {
})
.overflowY("scroll")
})
.horizontalAlign("center")
.boxSizing("border-box")
.paddingVertical(1, em)
.height(100, pct)
@@ -83,6 +86,7 @@ class Jobs extends Shadow {
}
checkForUpdates(currentJobs, fetchedJobs) {
console.log(currentJobs, fetchedJobs)
if (currentJobs.length !== fetchedJobs.length) return true;
const currentMap = new Map(currentJobs.map(job => [job.id, job]));

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

@@ -28,16 +28,17 @@ class People extends Shadow {
render() {
VStack(() => {
h1("People")
.color("rgb(158 136 105)")
.textAlign("center")
.marginBottom(0.25, em)
h3(global.currentNetwork.name)
.color("var(--quillred)")
.textAlign("center")
.margin(0)
.marginBottom(0.5, em)
.fontFamily("Bona")
HStack(() => {
img(`/db/images/${global.currentNetwork.logo}`, "2.5em", "2.5em")
h1("People")
.color("var(--accentdark)")
.textAlign("center")
.fontFamily("Arial")
})
.verticalAlign("center")
.gap(0.5, em)
.marginTop(0.5, em)
if (this.people == "") {
LoadingCircle()
@@ -57,6 +58,7 @@ class People extends Shadow {
.color("var(--darkbrown)")
}
})
.horizontalAlign("center")
.position("relative")
.boxSizing("border-box")
.paddingVertical(1, em)