improve styling, fix bottom bar underline bug
This commit is contained in:
41
src/apps/Announcements/Announcements.js
Normal file
41
src/apps/Announcements/Announcements.js
Normal 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)
|
||||
Reference in New Issue
Block a user