sam/frm.so
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nicer buttons

Browse Source
This commit is contained in:
metacryst
2026-02-28 04:56:19 -06:00
parent 21f654bbed
commit bdd260c2b5
5 changed files with 48 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
ui/desktop/components/Sidebar.js
View File

@@ -21,12 +21,16 @@ class Sidebar extends Shadow {
.marginTop(6, vh)
.marginBottom(2, vh)
.attr({selected: selected ? "" : null})
.paddingRight(0.5, em)
.paddingLeft(selected ? 9 : 10, px)
.borderLeft(selected ? "1px solid var(--accent)" : "0")
.onClick((done, e) => {
if(done) {
this.toggleSelectedStyles(e.target)
.cursor("pointer")
.transition("transform .1s")
.onClick(function (done, e) {
if(!done) {
this.style.transform = "translateX(-10%)"
} else {
this.style.transform = ""
this.parentShadow().toggleSelectedStyles(e.target)
window.navigateTo("/my")
}
})
@@ -38,23 +42,19 @@ class Sidebar extends Shadow {
img(`/db/images/${networks[i].logo}`, "2.25em", "2.25em")
.marginTop(3, vh)
.attr({selected: selected ? "" : null})
.paddingRight(0.5, em)
.paddingLeft(selected ? 9 : 10, px)
.borderLeft(selected ? "1px solid var(--accent)" : "0")
.onHover(function (hovering) {
if(hovering) {
this.style.opacity = 0.8
.cursor("pointer")
.transition("transform .1s")
.onClick(function (done, e) {
if(!done) {
this.style.transform = "translateX(-10%)"
} else {
this.style.opacity = ""
}
})
.onClick((done, e) => {
if(done) {
this.toggleSelectedStyles(e.target)
this.style.transform = ""
this.parentShadow().toggleSelectedStyles(e.target)
window.navigateTo(`/${networks[i].abbreviation}`)
}
})
.cursor("default")
}
})
.paddingLeft(1.5, em)