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)
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user