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

Changing some aesthetics

Browse Source
This commit is contained in:
metacryst
2025-11-26 00:56:47 -06:00
parent 9e87364147
commit eca1354e94
3 changed files with 52 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
db/db.json
View File

@@ -374,6 +374,20 @@
"from": "MEMBER-1", "from": "MEMBER-1",
"text": "What's up?", "text": "What's up?",
"time": "11.25.2025-6:43:280160pm" "time": "11.25.2025-6:43:280160pm"
},
"DM-2": {
"time": "11.26.2025-12:12:590659am",
"from": "MEMBER-2",
"conversation": "CONVERSATION-1",
"text": "Nothin much, you?",
"id": 2
},
"DM-3": {
"time": "11.26.2025-12:13:180437am",
"from": "MEMBER-1",
"conversation": "CONVERSATION-1",
"text": "Just grindin it out",
"id": 3
} }
}, },
"edges": {} "edges": {}

6
ui/_/icons/place/austin.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

44
ui/site/apps/Forum/Forum.js
View File

@@ -26,24 +26,44 @@ css(`
class Forum extends Shadow { class Forum extends Shadow {
selectedForum = "HY"
render() { render() {
ZStack(() => { ZStack(() => {
HStack(() => { HStack(() => {
VStack(() => { VStack(() => {
p("Hyperia") img("/_/icons/logo.svg", "2em")
.background("var(--darkbrown)") .padding(0.8, em)
.textAlign("center") .borderRadius(12, px)
.paddingVertical(0.5, em) .marginHorizontal(1, em)
.width(20, vh) .onHover(function (hovering) {
.marginTop(0) if(hovering) {
.marginBottom(1, em) this.style.background = "var(--darkbrown)"
.marginLeft(0.4, em) } else {
this.style.background = ""
}
})
.opacity(0)
img("/_/icons/place/austin.svg", "2em")
.padding(0.8, em)
.borderRadius(12, px)
.marginHorizontal(1, em)
.onHover(function (hovering) {
if(hovering) {
this.style.background = "var(--darkbrown)"
} else {
this.style.background = ""
}
})
.opacity(0)
}) })
.height(100, vh) .height(100, vh)
.paddingLeft(1, em) .paddingLeft(2, em)
.paddingRight(1, em) .paddingRight(2, em)
.gap(0, em) .gap(1, em)
.marginTop(13, vh) .marginTop(20, vh)
VStack(() => { VStack(() => {