feat(login): Use `tertiary` button for "back to login"

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

diff --git a/core/src/views/Login.vue b/core/src/views/Login.vue
index 539c1db308ecaf3937f5ff8046843c4aebea42f2..20f02c4766e38eb64d046e9d1d9e71abe2a52d3e 100644 (file)
--- a/core/src/views/Login.vue
+++ b/core/src/views/Login.vue
@@ -65,7 +65,7 @@
                                </div>
                                <div v-else-if="!loading && passwordlessLogin"
                                        key="reset"
-                                       class="login-additional">
+                                       class="login-additional login-passwordless">
                                        <PasswordLessLoginForm :username.sync="user"
                                                :redirect-url="redirectUrl"
                                                :auto-complete-allowed="autoCompleteAllowed"
@@ -73,9 +73,12 @@
                                                :is-localhost="isLocalhost"
                                                :has-public-key-credential="hasPublicKeyCredential"
                                                @submit="loading = true" />
-                                       <a href="#" class="login-box__link" @click.prevent="passwordlessLogin = false">
+                                       <NcButton type="tertiary"
+                                               :aria-label="t('core', 'Back to login form')"
+                                               :wide="true"
+                                               @click="passwordlessLogin = false">
                                                {{ t('core', 'Back') }}
-                                       </a>
+                                       </NcButton>
                                </div>
                                <div v-else-if="!loading && canResetPassword"
                                        key="reset"
@@ -249,4 +252,10 @@ footer {
                box-sizing: border-box;
        }
 }
+
+.login-passwordless {
+       .button-vue {
+               margin-top: 0.5rem;
+       }
+}
 </style>