Changing some aesthetics

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

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 102 KiB

View File

@@ -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(() => {