From 349b04834e52bb932c4bb21aa69cc6c6a6708730 Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Tue, 1 Nov 2022 13:07:31 +0100
Subject: [PATCH] hightlight the current tab

---
 src/components/ChannelPage.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/ChannelPage.vue b/src/components/ChannelPage.vue
index 8b13ada4..663a25b8 100644
--- a/src/components/ChannelPage.vue
+++ b/src/components/ChannelPage.vue
@@ -36,7 +36,13 @@
         </a>
 
         <div class="flex mt-4 mb-2">
-            <button v-for="(tab, index) in tabs" :key="tab.name" class="btn mr-2" @click="loadTab(index)">
+            <button
+                v-for="(tab, index) in tabs"
+                :key="tab.name"
+                class="btn mr-2"
+                @click="loadTab(index)"
+                :class="{ active: selectedTab == index }"
+            >
                 <span v-text="tab.translatedName"></span>
             </button>
         </div>
@@ -217,3 +223,9 @@ export default {
     },
 };
 </script>
+
+<style>
+.active {
+    border: 0.1rem outset red;
+}
+</style>