mobile public site

This commit is contained in:
metacryst
2026-01-14 09:39:28 -06:00
parent e81d9e6584
commit 34a73abdb4
4 changed files with 13 additions and 12 deletions

View File

@@ -25,7 +25,7 @@ class Home extends Shadow {
span("The Community OS")
.fontFamily("Canterbury")
.color("var(--accent)")
.fontSize(2.5, em)
.fontSize(2.5, vmax)
.paddingBottom(1, rem)
})
.height(5, em)
@@ -37,9 +37,9 @@ class Home extends Shadow {
.borderTop("1px solid var(--quillred)")
.borderHorizontal("1px solid var(--quillred)")
.height(5, em)
.fontSize(1.2, em)
.paddingTop(2, rem)
.paddingHorizontal(2, rem)
.fontSize(window.isMobile() ? 2 : 1.2, vmax)
.paddingTop(2, vmax)
.paddingHorizontal(2, vmax)
})
VStack(() => {
@@ -48,7 +48,7 @@ class Home extends Shadow {
p("Log In")
.color("var(--quillred)")
.paddingVertical(1.2, rem)
.paddingHorizontal(3, rem)
.paddingHorizontal(3, vmax)
.fontSize(1.2, em)
.cursor("default")
.onHover(function (hovering) {
@@ -67,7 +67,7 @@ class Home extends Shadow {
.color("var(--quillred)")
.borderLeft("1px solid var(--quillred)")
.paddingVertical(1.2, rem)
.paddingHorizontal(3, rem)
.paddingHorizontal(3, vmax)
.fontSize(1.2, em)
.cursor("default")
.onHover(function (hovering) {
@@ -93,7 +93,7 @@ class Home extends Shadow {
})
ZStack(() => {
img("/_/images/nodes.svg", "20vw")
img("/_/images/nodes.svg", window.isMobile() ? "30vmax" : "20vmax")
.marginHorizontal(50, pct)
.marginTop(13, em)
.center()
@@ -102,8 +102,8 @@ class Home extends Shadow {
.marginBottom(10, em)
.border("1px solid var(--quillred)")
})
.marginHorizontal(27, vw)
.width(46, vw)
.marginHorizontal(window.isMobile() ? 6 : 27, vw)
.width(window.isMobile() ? 88 : 46, vw)
.marginTop(10, vh)
}

View File

@@ -8,7 +8,7 @@ class SignIn extends Shadow {
render() {
ZStack(() => {
img("/_/icons/quill.svg", "3vmax")
img("/_/icons/quill.svg", window.isMobile() ? "5vmax" : "3vmax")
.position("absolute")
.top(2, em)
.left(2, em)

View File

@@ -2,7 +2,7 @@ class SignUp extends Shadow {
render() {
ZStack(() => {
img("/_/icons/quill.svg", "3vmax")
img("/_/icons/quill.svg", window.isMobile() ? "5vmax" : "3vmax")
.position("absolute")
.top(2, em)
.left(2, em)
@@ -35,6 +35,7 @@ class SignUp extends Shadow {
.x(50, vw).y(50, vh).center()
.border("1px solid var(--red)")
.padding(1, em)
.width(isMobile() ? 70 : "auto", isMobile() ? vw : "")
})
}
}

View File

@@ -11,7 +11,7 @@ class SignupForm extends Shadow {
render() {
ZStack(() => {
img("/_/icons/quill.svg", "3vmax")
img("/_/icons/quill.svg", window.isMobile() ? "5vmax" : "3vmax")
.position("absolute")
.top(2, em)
.left(2, em)