Changing some aesthetics
This commit is contained in:
14
db/db.json
14
db/db.json
@@ -374,6 +374,20 @@
|
||||
"from": "MEMBER-1",
|
||||
"text": "What's up?",
|
||||
"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": {}
|
||||
|
||||
6
ui/_/icons/place/austin.svg
Normal file
6
ui/_/icons/place/austin.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 102 KiB |
@@ -26,24 +26,44 @@ css(`
|
||||
|
||||
class Forum extends Shadow {
|
||||
|
||||
selectedForum = "HY"
|
||||
|
||||
render() {
|
||||
ZStack(() => {
|
||||
HStack(() => {
|
||||
VStack(() => {
|
||||
p("Hyperia")
|
||||
.background("var(--darkbrown)")
|
||||
.textAlign("center")
|
||||
.paddingVertical(0.5, em)
|
||||
.width(20, vh)
|
||||
.marginTop(0)
|
||||
.marginBottom(1, em)
|
||||
.marginLeft(0.4, em)
|
||||
img("/_/icons/logo.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)
|
||||
|
||||
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)
|
||||
.paddingLeft(1, em)
|
||||
.paddingRight(1, em)
|
||||
.gap(0, em)
|
||||
.marginTop(13, vh)
|
||||
.paddingLeft(2, em)
|
||||
.paddingRight(2, em)
|
||||
.gap(1, em)
|
||||
.marginTop(20, vh)
|
||||
|
||||
VStack(() => {
|
||||
|
||||
|
||||
Reference in New Issue
Block a user