diff --git a/docs/assets/panel-redesign/index.html b/docs/assets/panel-redesign/index.html index 2e4d2d5..c5371b8 100644 --- a/docs/assets/panel-redesign/index.html +++ b/docs/assets/panel-redesign/index.html @@ -13,7 +13,7 @@

The accepted direction, every screen

Direction C (Bulma) was picked as the base: the important things in view, details one or two clicks away. It takes the postal signature of A — the postmark verdict, numbered mono section - heads, the stamp's perforated paper edge under a brick bar that carries the wordmark — and the icons of B. Thirty-three screens and a components page live in + heads, the stamp's perforated paper edge under a brick bar that carries the wordmark — and the icons of B. Thirty-four screens and a components page live in panel/. Serve this folder from the repository root: the pages load the panel's own fonts and mark by relative path.

@@ -21,7 +21,7 @@
- +
Signed outSign in · Create administrator
Signed outSign in · sign in before an administrator exists · Create administrator
OverviewOverview — postmark verdict, six health cards, both domain lists
OutboundDomains · domain · domain settings · application form · diff --git a/docs/assets/panel-redesign/panel/login-no-admin.html b/docs/assets/panel-redesign/panel/login-no-admin.html new file mode 100644 index 0000000..f4e70e9 --- /dev/null +++ b/docs/assets/panel-redesign/panel/login-no-admin.html @@ -0,0 +1,31 @@ + + + + + +Sign in · SelfPost + + + + + + + + + + diff --git a/docs/assets/panel-redesign/panel/src/login-no-admin.html b/docs/assets/panel-redesign/panel/src/login-no-admin.html new file mode 100644 index 0000000..410e502 --- /dev/null +++ b/docs/assets/panel-redesign/panel/src/login-no-admin.html @@ -0,0 +1,17 @@ + + diff --git a/docs/assets/panel-redesign/panel/theme.css b/docs/assets/panel-redesign/panel/theme.css index 77841ed..b07b489 100644 --- a/docs/assets/panel-redesign/panel/theme.css +++ b/docs/assets/panel-redesign/panel/theme.css @@ -249,7 +249,7 @@ code { background: var(--sp-well); color: var(--sp-ink); border-radius: 3px; pad .sp-signin-brand img { width: 20rem; max-width: 100%; height: auto; } .sp-signin-brand p { font-family: var(--sp-mono); letter-spacing: .18em; font-size: var(--sp-fs-xs); color: var(--sp-on-brick); margin-top: 1.6rem; } .sp-signin-form { display: flex; flex-direction: column; justify-content: center; padding: 3rem; } -.sp-signin-form form { width: 22rem; max-width: 100%; margin-inline: auto; } +.sp-signin-form .sp-form { width: 22rem; max-width: 100%; margin-inline: auto; } .sp-foot { color: var(--sp-muted); font-size: var(--sp-fs-s); padding-block: 1.5rem 0; } .sp-foot a { color: inherit; text-decoration: underline; } .sp-signin-form .sp-foot { text-align: center; margin-top: 2.5rem; }