fix: Incorrect button positioning on email verification (#7579)

change mail verification page styling

Co-authored-by: Max Peintner <max@caos.ch>
This commit is contained in:
Vignesh Sankar Iyer 2024-03-28 17:52:29 +08:00 committed by GitHub
parent 20fb032743
commit dcb1c7fa75
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 2 deletions

View File

@ -46,6 +46,12 @@ $lgn-container-bottom-margin: 50px;
flex-direction: row-reverse;
}
// this is used to center content within the actions container
// required when there is only one element within a lgn-actions container
&.lgn-justify-center {
justify-content: center;
}
.fill-space {
flex: 1;
}

View File

@ -13,8 +13,7 @@
<input type="hidden" name="authRequestID" value="{{ .AuthReqID }}" />
<input type="hidden" name="orgID" value="{{ .OrgID }}" />
<div class="lgn-actions">
<span class="fill-space"></span>
<div class="lgn-actions lgn-justify-center">
<button class="lgn-raised-button lgn-primary" type="submit">
{{if .AuthReqID }} {{t "EmailVerificationDone.NextButtonText"}} {{else}}
{{t "EmailVerificationDone.LoginButtonText"}} {{end}}