From 4852f5b8338eed2d3d621d0df6aa1aa2b498a5f1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 25 Mar 2024 16:29:24 +0200
Subject: [PATCH] unify tabs fixes for panels

---
 src/components/search/search.vue             |  5 -----
 src/components/user_profile/user_profile.vue |  5 -----
 src/panel.scss                               | 10 ++++++++++
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/search/search.vue b/src/components/search/search.vue
index dc803835..bd384ad3 100644
--- a/src/components/search/search.vue
+++ b/src/components/search/search.vue
@@ -154,11 +154,6 @@
   text-align: center;
 }
 
-.Search .tab-switcher .tabs {
-  background: var(--__panel-background);
-  backdrop-filter: var(--__panel-backdrop-filter);
-}
-
 @media all and (max-width: 800px) {
   .search-nav-heading {
     .tab-switcher .tabs .tab-wrapper {
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index b1e87d37..921c87ea 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -168,11 +168,6 @@
   // No sticky header on user profile
   --currentPanelStack: 1;
 
-  .tab-switcher .tabs {
-    background: var(--__panel-background);
-    backdrop-filter: var(--__panel-backdrop-filter);
-  }
-
   .user-birthday {
     margin: 0 0.75em 0.5em;
   }
diff --git a/src/panel.scss b/src/panel.scss
index cc208e62..a8cc4667 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -3,6 +3,11 @@
   --__panel-background: var(--background);
   --__panel-backdrop-filter: var(--backdrop-filter);
 
+  .tab-switcher .tabs {
+    background: var(--__panel-background);
+    backdrop-filter: var(--__panel-backdrop-filter);
+  }
+
   position: relative;
   display: flex;
   flex-direction: column;
@@ -34,6 +39,11 @@
   background: var(--background);
   backdrop-filter: var(--__panel-backdrop-filter);
 
+  .tab-switcher .tabs {
+    background: none;
+    backdrop-filter: none;
+  }
+
   &:empty::before {
     content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations
     display: block;