From a3c8cc9283db44b9f1c9e521c4a5f27037d47ed9 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@thegeeklab.de>
Date: Tue, 1 Apr 2025 13:55:05 +0200
Subject: [PATCH] Style navbar login button as navbar-link (#5033)

---
 web/src/components/layout/header/Navbar.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/components/layout/header/Navbar.vue b/web/src/components/layout/header/Navbar.vue
index ed49eec14..9430cdbe7 100644
--- a/web/src/components/layout/header/Navbar.vue
+++ b/web/src/components/layout/header/Navbar.vue
@@ -33,7 +33,12 @@
       <IconButton v-if="user" :to="{ name: 'user' }" :title="$t('user.settings.settings')" class="navbar-icon p-1.5!">
         <img v-if="user && user.avatar_url" class="rounded-md" :src="`${user.avatar_url}`" />
       </IconButton>
-      <Button v-else :text="$t('login')" :to="`/login?url=${route.fullPath}`" />
+      <Button
+        v-else
+        :text="$t('login')"
+        :to="`/login?url=${route.fullPath}`"
+        class="navbar-link !text-wp-primary-text-100 bg-wp-primary-200 dark:bg-wp-primary-300 !border-transparent !shadow-none"
+      />
     </div>
   </nav>
 </template>