diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/assets/base.css | 19 | ||||
| -rw-r--r-- | web/gotosocial-styling/templates/base.css | 18 | ||||
| -rw-r--r-- | web/template/authorize.tmpl | 8 | ||||
| -rw-r--r-- | web/template/error.tmpl | 8 |
4 files changed, 52 insertions, 1 deletions
diff --git a/web/assets/base.css b/web/assets/base.css index b28cf2533..e105707c2 100644 --- a/web/assets/base.css +++ b/web/assets/base.css @@ -165,6 +165,25 @@ section.login form button { grid-column: 2; } +section.error { + display: flex; + flex-direction: row; + align-items: center; +} +section.error span { + font-size: 2em; +} +section.error pre { + border: 1px solid #ff000080; + margin-left: 1em; + padding: 0 0.7em; + border-radius: 0.5em; + background-color: #ff000010; + font-size: 1.3em; + white-space: pre-wrap; +} + + input, select, textarea { border: 1px solid #fafaff; color: #fafaff; diff --git a/web/gotosocial-styling/templates/base.css b/web/gotosocial-styling/templates/base.css index 8b2f14fbe..4ac639a38 100644 --- a/web/gotosocial-styling/templates/base.css +++ b/web/gotosocial-styling/templates/base.css @@ -165,6 +165,24 @@ section.login { } } +section.error { + display: flex; + flex-direction: row; + align-items: center; + span { + font-size: 2em; + } + pre { + border: 1px solid #ff000080; + margin-left: 1em; + padding: 0 0.7em; + border-radius: 0.5em; + background-color: #ff000010; + font-size: 1.3em; + white-space: pre-wrap; + } +} + input, select, textarea { border: 1px solid $fg; color: $fg; diff --git a/web/template/authorize.tmpl b/web/template/authorize.tmpl index b6eef9561..68a6a2f29 100644 --- a/web/template/authorize.tmpl +++ b/web/template/authorize.tmpl @@ -2,7 +2,13 @@ <main> <form action="/oauth/authorize" method="POST"> <h1>Hi {{.user}}!</h1> - <p>Application <b>{{.appname}}</b> {{if len .appwebsite | eq 0 | not}}({{.appwebsite}}) {{end}}would like to perform actions on your behalf, with scope <em>{{.scope}}</em>.</p> + <p> + Application <b>{{.appname}}</b> + {{if len .appwebsite | eq 0 | not}} + ({{.appwebsite}}) + {{end}} + would like to perform actions on your behalf, with scope <em>{{.scope}}</em>. + </p> <p>The application will redirect to {{.redirect}} to continue.</p> <p> <button diff --git a/web/template/error.tmpl b/web/template/error.tmpl new file mode 100644 index 000000000..a8a72b062 --- /dev/null +++ b/web/template/error.tmpl @@ -0,0 +1,8 @@ +{{ template "header.tmpl" .}} + <main> + <section class="error"> + <span>❌</span> <pre>{{.error}}</pre> + </section> + + </main> +{{ template "footer.tmpl" .}}
\ No newline at end of file |