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