diff options
| author | Henry Jameson <me@hjkos.com> | 2024-03-25 16:29:24 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-03-25 16:29:24 +0200 |
| commit | 4852f5b8338eed2d3d621d0df6aa1aa2b498a5f1 (patch) | |
| tree | 9a2f64b704f4d053d418331e340744049b4cf557 /src | |
| parent | d02a15043ecf7df913622cf1417b624c810957c7 (diff) | |
unify tabs fixes for panels
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/search/search.vue | 5 | ||||
| -rw-r--r-- | src/components/user_profile/user_profile.vue | 5 | ||||
| -rw-r--r-- | 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; |