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

View File

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

View File

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

View File

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