mobile public site
This commit is contained in:
@@ -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)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -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 : "")
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user