built ios app working
This commit is contained in:
@@ -2,27 +2,31 @@ class Login extends Shadow {
|
||||
inputStyles(el) {
|
||||
return el
|
||||
.background("var(--main)")
|
||||
.color("var(--accent)")
|
||||
.color("var(--text)")
|
||||
.border("1px solid var(--accent)")
|
||||
.fontSize(0.9, rem)
|
||||
.backgroundColor("var(--accentdark)")
|
||||
.borderRadius(12, px)
|
||||
.outline("none")
|
||||
}
|
||||
|
||||
render() {
|
||||
ZStack(() => {
|
||||
img("/_/icons/column.svg", window.isMobile() ? "5vmax" : "3vmax")
|
||||
img(window.matchMedia('(prefers-color-scheme: dark)') ? "/_/icons/logowhite.svg" : "/_/icons/logo.svg", window.isMobile() ? "5vmax" : "3vmax")
|
||||
.position("absolute")
|
||||
.top(2, em)
|
||||
.top(5, em)
|
||||
.left(2, em)
|
||||
.onClick((done) => {
|
||||
window.navigateTo("/")
|
||||
})
|
||||
|
||||
form(() => {
|
||||
input("Email", "60vw")
|
||||
input("Email", "70vw")
|
||||
.attr({name: "email", type: "email"})
|
||||
.margin(1, em)
|
||||
.padding(1, em)
|
||||
.styles(this.inputStyles)
|
||||
input("Password", "60vw")
|
||||
input("Password", "70vw")
|
||||
.attr({name: "password", type: "password"})
|
||||
.margin(1, em)
|
||||
.padding(1, em)
|
||||
@@ -40,7 +44,8 @@ class Login extends Shadow {
|
||||
})
|
||||
.background("var(--main)")
|
||||
.width(100, vw)
|
||||
.height(100, vh)
|
||||
.height(100, pct)
|
||||
.margin(0)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user