diff --git a/web/src/flow/providers/SessionEnd.ts b/web/src/flow/providers/SessionEnd.ts index cec9176b2a..1e50fe7f63 100644 --- a/web/src/flow/providers/SessionEnd.ts +++ b/web/src/flow/providers/SessionEnd.ts @@ -25,52 +25,48 @@ export class SessionEnd extends BaseStage { render(): TemplateResult { return html` -
- -
- ${msg("Not you?")} -
-
-

- ${msg( - str`You've logged out of ${this.challenge.applicationName}. You can go back to the overview to launch another application, or log out of your authentik account.`, - )} -

- - ${msg("Go back to overview")} - - ${ - this.challenge.invalidationFlowUrl - ? html` - - ${msg(str`Log out of ${this.challenge.brandName}`)} - - ` - : nothing - } - ${ - this.challenge.applicationLaunchUrl && this.challenge.applicationName - ? html` - - ${msg(str`Log back into ${this.challenge.applicationName}`)} - - ` - : nothing - } -
-
`; +
+ +
+ ${msg("Not you?")} +
+
+

+ ${msg( + str`You've logged out of ${this.challenge.applicationName}. You can go back to the overview to launch another application, or log out of your authentik account.`, + )} +

+ + ${msg("Go back to overview")} + + ${this.challenge.invalidationFlowUrl + ? html` + + ${msg(str`Log out of ${this.challenge.brandName}`)} + + ` + : nothing} + ${this.challenge.applicationLaunchUrl && this.challenge.applicationName + ? html` + + ${msg(str`Log back into ${this.challenge.applicationName}`)} + + ` + : nothing} +
+ `; } } diff --git a/web/src/flow/providers/oauth2/DeviceCode.ts b/web/src/flow/providers/oauth2/DeviceCode.ts index 9410f66de0..43d3b695ca 100644 --- a/web/src/flow/providers/oauth2/DeviceCode.ts +++ b/web/src/flow/providers/oauth2/DeviceCode.ts @@ -30,40 +30,39 @@ export class OAuth2DeviceCode extends BaseStage< render(): TemplateResult { return html` -
{ - this.submitForm(e); - }} + { + this.submitForm(e); + }} + > +

${msg("Enter the code shown on your device.")}

+ -

${msg("Enter the code shown on your device.")}

- - - + /> +
-
- -
-
- +
+ +
+
`; } } diff --git a/web/src/flow/stages/FlowFrameStage.ts b/web/src/flow/stages/FlowFrameStage.ts index bd030a3d64..c34e3d2df0 100644 --- a/web/src/flow/stages/FlowFrameStage.ts +++ b/web/src/flow/stages/FlowFrameStage.ts @@ -22,22 +22,17 @@ export class FlowFrameStage extends BaseStage - ${ - this.challenge.loadingOverlay - ? html`${this.challenge.loadingText - ? html`${this.challenge.loadingText}` - : nothing} - ` - : nothing - } - - + ${this.challenge.loadingOverlay + ? html`${this.challenge.loadingText + ? html`${this.challenge.loadingText}` + : nothing} + ` + : nothing} + `; } } diff --git a/web/src/flow/stages/authenticator_sms/AuthenticatorSMSStage.ts b/web/src/flow/stages/authenticator_sms/AuthenticatorSMSStage.ts index ad629fc0d7..2a630f46c2 100644 --- a/web/src/flow/stages/authenticator_sms/AuthenticatorSMSStage.ts +++ b/web/src/flow/stages/authenticator_sms/AuthenticatorSMSStage.ts @@ -32,48 +32,47 @@ export class AuthenticatorSMSStage extends BaseStage< renderPhoneNumber(): TemplateResult { return html` -
{ - this.submitForm(e); - }} + { + this.submitForm(e); + }} + > + - - - - - - - ${this.renderNonFieldErrors()} -
- + - -
-
`; + + + + + ${this.renderNonFieldErrors()} +
+ +
+ + `; } renderCode(): TemplateResult { diff --git a/web/src/flow/stages/captcha/CaptchaStage.ts b/web/src/flow/stages/captcha/CaptchaStage.ts index 7f461d1154..58616a96f1 100644 --- a/web/src/flow/stages/captcha/CaptchaStage.ts +++ b/web/src/flow/stages/captcha/CaptchaStage.ts @@ -335,22 +335,21 @@ export class CaptchaStage extends BaseStage -
- - - - ${this.renderBody()} -
- - `; +
+ + + + ${this.renderBody()} +
+ `; } render() { diff --git a/web/src/user/user-settings/details/stages/prompt/PromptStage.ts b/web/src/user/user-settings/details/stages/prompt/PromptStage.ts index a3d32726e1..72c2a1f5e0 100644 --- a/web/src/user/user-settings/details/stages/prompt/PromptStage.ts +++ b/web/src/user/user-settings/details/stages/prompt/PromptStage.ts @@ -65,19 +65,18 @@ export class UserSettingsPromptStage extends PromptStage { render(): TemplateResult { return html` -
{ - this.submitForm(e); - }} - > - ${this.challenge.fields.map((prompt) => { - return this.renderField(prompt); - })} - ${this.renderNonFieldErrors()} ${this.renderContinue()} -
- -
`; +
{ + this.submitForm(e); + }} + > + ${this.challenge.fields.map((prompt) => { + return this.renderField(prompt); + })} + ${this.renderNonFieldErrors()} ${this.renderContinue()} +
+ `; } }