[UI] Fix inconsitencies in link/login account page

- Add the 'correct' styling for column on the link account page, this
follows what was done for the login/register page in 629ca22a97.
- Move some if conditions to be outside of the container which allocates
space on the page, this ensures it's not being shown if it's not needed.
- Resolves #4844
This commit is contained in:
Gusted 2024-08-09 10:49:52 +02:00
parent ae85e285db
commit 75b3645bc3
No known key found for this signature in database
GPG key ID: FD821B732837125F
3 changed files with 7 additions and 7 deletions

View file

@ -16,7 +16,7 @@
</div>
</overflow-menu>
<div class="ui middle very relaxed page grid">
<div class="column">
<div class="column tw-flex tw-flex-col tw-gap-4 tw-max-w-2xl tw-m-auto">
<div class="ui tab {{if not .user_exists}}active{{end}}"
data-tab="auth-link-signup-tab">
{{template "user/auth/signup_inner" .}}

View file

@ -52,11 +52,11 @@
<div class="ui container fluid">
{{template "user/auth/webauthn_error" .}}
<div class="ui attached segment header top tw-max-w-2xl tw-m-auto tw-flex tw-flex-col tw-items-center">
{{if .ShowRegistrationButton}}
<div class="ui attached segment header top tw-max-w-2xl tw-m-auto tw-flex tw-flex-col tw-items-center">
<div class="field">
{{ctx.Locale.Tr "auth.hint_register" (printf "%s/user/sign_up" AppSubUrl)}}
</div>
{{end}}
</div>
{{end}}
</div>

View file

@ -53,12 +53,12 @@
</div>
</div>
{{if not .LinkAccountMode}}
<div class="ui container fluid">
<div class="ui attached segment header top tw-flex tw-flex-col tw-items-center">
{{if not .LinkAccountMode}}
<div class="field">
{{ctx.Locale.Tr "auth.hint_login" (printf "%s/user/login" AppSubUrl)}}
</div>
{{end}}
</div>
</div>
{{end}}