sjw
/
pleroma-fe
mirror of https://git.pleroma.social/sjw/pleroma-fe.git
1
0
Fork 0
Code Issues Releases Wiki Activity

unify tabs fixes for panels

This commit is contained in:
Henry Jameson 2024-03-25 16:29:24 +02:00
parent d02a15043e
commit 4852f5b833
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/search/search.vue
View File

@ -154,11 +154,6 @@
text-align: center; text-align: center;
} }
.Search .tab-switcher .tabs {
background: var(--__panel-background);
backdrop-filter: var(--__panel-backdrop-filter);
}
@media all and (max-width: 800px) { @media all and (max-width: 800px) {
.search-nav-heading { .search-nav-heading {
.tab-switcher .tabs .tab-wrapper { .tab-switcher .tabs .tab-wrapper {

5
src/components/user_profile/user_profile.vue
View File

@ -168,11 +168,6 @@
// No sticky header on user profile // No sticky header on user profile
--currentPanelStack: 1; --currentPanelStack: 1;
.tab-switcher .tabs {
background: var(--__panel-background);
backdrop-filter: var(--__panel-backdrop-filter);
}
.user-birthday { .user-birthday {
margin: 0 0.75em 0.5em; margin: 0 0.75em 0.5em;
} }

10
src/panel.scss
View File

@ -3,6 +3,11 @@
--__panel-background: var(--background); --__panel-background: var(--background);
--__panel-backdrop-filter: var(--backdrop-filter); --__panel-backdrop-filter: var(--backdrop-filter);
.tab-switcher .tabs {
background: var(--__panel-background);
backdrop-filter: var(--__panel-backdrop-filter);
}
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -34,6 +39,11 @@
background: var(--background); background: var(--background);
backdrop-filter: var(--__panel-backdrop-filter); backdrop-filter: var(--__panel-backdrop-filter);
.tab-switcher .tabs {
background: none;
backdrop-filter: none;
}
&:empty::before { &:empty::before {
content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations
display: block; display: block;