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

working on droplet, adding app components

Browse Source
This commit is contained in:
Sam
2026-03-10 21:15:47 +00:00
parent fc81da9743
commit 4d2c515b7d
10 changed files with 303 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
ui/desktop/apps/People/People.js
View File

@@ -4,13 +4,13 @@ class People extends Shadow {
h1("Members")
.fontWeight("bold")
.marginBottom(2, em)
.marginLeft(4, em)
.marginLeft(2, em)
VStack(() => {
VStack(() => {
p("Officers")
.marginBottom(2, vh)
.marginLeft(8, em)
.marginLeft(4, em)
.fontStyle("italic")
ZStack(() => {
@@ -27,35 +27,36 @@ class People extends Shadow {
'background-color': 'var(--window)',
'color': 'var(--accent)',
'box-shadow': 'none',
'font-size': '0.9em'
'font-size': '0.9em',
'max-width': '90%'
},
th: {
'background-color': 'var(--window)',
'color': 'var(--accent)',
'border': 'none',
'border-bottom': '1px solid rgb(69 53 53)'
},
td: {
'background-color': 'var(--window)',
'color': 'var(--accent)',
'border': 'none',
'border-bottom': '1px solid rgb(69 53 53)'
'border-bottom': '1px solid var(--divider)'
}
}
}).render(quill.rendering.last)
})
.overflow("hidden")
})
.gap(0.5, em)
VStack(() => {
p("Stripe Subscribers")
.marginBottom(2, vh)
.marginLeft(8, em)
.marginLeft(4, em)
.fontStyle("italic")
ZStack(() => {
new gridjs.Grid({
columns: ["Amount", "Name", "Email", "Phone", "Area", "Created"],
columns: ["Amount", "Name", "Email", "Phone", "County", "Created"],
data: global.currentNetwork.data.stripeMembers.map(m => [
"$" + m.subscriptions[0].amount,
m.name,
@@ -81,19 +82,19 @@ class People extends Shadow {
'background-color': 'var(--window)',
'color': 'var(--accent)',
'box-shadow': 'none',
'font-size': '0.9em'
'font-size': '0.9em',
'max-width': '90%'
},
th: {
'background-color': 'var(--window)',
'color': 'var(--accent)',
'border': 'none',
'border-bottom': '1px solid rgb(69 53 53)'
},
td: {
'background-color': 'var(--window)',
'color': 'var(--accent)',
'border': 'none',
'border-bottom': '1px solid rgb(69 53 53)'
'border-bottom': '1px solid var(--divider)'
}
}
}).render(quill.rendering.last)
@@ -103,17 +104,18 @@ class People extends Shadow {
background-color: var(--window);
color: var(--accent);
border: none;
border-bottom: 1px solid rgb(69 53 53);
border-bottom: 1px solid var(--divider);
border-radius: 0;
margin-left: 8em
margin-left: 4em
}
.gridjs-wrapper {
box-shadow: none;
padding-left: 8em;
padding-left: 3em;
}
`)
})
.marginBottom(3, em)
})
.gap(0.5, em)
})