pleroma-fe

commit: 4852f5b8338eed2d3d621d0df6aa1aa2b498a5f1
parent d02a15043ecf7df913622cf1417b624c810957c7
Author: Henry Jameson <me@hjkos.com>
Date:   Mon, 25 Mar 2024 16:29:24 +0200

unify tabs fixes for panels

Diffstat:
M
src/components/search/search.vue
5
-----
M
src/components/user_profile/user_profile.vue
5
-----
M
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
@@ -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
@@ -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
@@ -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;