From ea873d4438c1a1d59e098821c0a3113ba4578219 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Sun, 16 Feb 2025 21:53:08 +0100
Subject: [PATCH] fix(ui): [WIP] tabs that have :to prop are displayed the same
 as button tabs

---
 front/src/components/ui/Tabs.vue  | 2 +-
 front/src/components/ui/tabs.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/front/src/components/ui/Tabs.vue b/front/src/components/ui/Tabs.vue
index 3b2beb700..c54b66b44 100644
--- a/front/src/components/ui/Tabs.vue
+++ b/front/src/components/ui/Tabs.vue
@@ -37,7 +37,7 @@ watch(() => tabs.length, (_, from) => {
   <div class="funkwhale tabs">
     <div class="tabs-header">
       <component ghost :is="tab.to ? Link : Button"
-        v-for="(tab, _) in tabs" :class="{ 'is-active': currentTitle === tab.title }"
+        v-for="(tab, _) in tabs" :class="{ 'is-active': actualCurrentTitle === tab.title }"
         v-bind="tab"
         :onClick="() => { currentTitle = tab.title }"
         @keydown.left="currentTitle = tabs[(currentIndex - 1 + tabs.length) % tabs.length].title"
diff --git a/front/src/components/ui/tabs.scss b/front/src/components/ui/tabs.scss
index a57ec073c..3b3e0fe03 100644
--- a/front/src/components/ui/tabs.scss
+++ b/front/src/components/ui/tabs.scss
@@ -22,7 +22,7 @@
         outline:1px dotted currentColor;
       }
 
-      > button.tabs-item {
+      > .tabs-item {
         font-size: 1rem;
         padding: 8px;
         min-width: 96px;