From 27372a8a270a613aee4e8fd2efc40faaa7ddfdda Mon Sep 17 00:00:00 2001
From: Bernd Storath <bernd@berndstorath.de>
Date: Tue, 9 Jun 2026 10:23:44 +0200
Subject: [PATCH] fix design, fix link

Closes #2650
---
 src/app/pages/login/2fa.vue   | 8 +++-----
 src/app/pages/login/index.vue | 2 +-
 src/app/pages/me.vue          | 1 +
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/login/2fa.vue b/src/app/pages/login/2fa.vue
index 90c4061b..5910ce07 100644
--- a/src/app/pages/login/2fa.vue
+++ b/src/app/pages/login/2fa.vue
@@ -40,11 +40,9 @@ const authenticating = ref(false);
 const totp = ref<string>('');
 
 const { error } = await useFetch('/api/auth/pending');
-watchEffect(() => {
-  if (error.value) {
-    navigateTo('/login');
-  }
-});
+if (error.value) {
+  await navigateTo('/login');
+}
 
 const _submit = useSubmit(
   (data) =>
diff --git a/src/app/pages/login/index.vue b/src/app/pages/login/index.vue
index 6959cfb2..eb8c26b6 100644
--- a/src/app/pages/login/index.vue
+++ b/src/app/pages/login/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="flex flex-col gap-5">
     <div
       v-if="authMethods && authMethods.oauthEnabled"
       class="flex flex-col gap-5"
diff --git a/src/app/pages/me.vue b/src/app/pages/me.vue
index 4aeb9216..52a666e6 100644
--- a/src/app/pages/me.vue
+++ b/src/app/pages/me.vue
@@ -159,6 +159,7 @@
                   v-for="(info, provider) in authMethods.providers"
                   :key="provider"
                   class="flex items-center gap-2 p-2"
+                  as="a"
                   :href="`/api/auth/${provider}?link=true`"
                 >
                   <IconsBrandsProvider :provider="provider" class="h-4 w-4" />