diff options
| author | Henry Jameson <me@hjkos.com> | 2024-03-06 20:35:03 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-03-06 20:35:03 +0200 |
| commit | ce5552ae3c53b563126aae2c3c9b77a321880eed (patch) | |
| tree | c6fcea79bf2b2949113a8e4a82ad703f10453563 /src/components/search | |
| parent | 1b391b6a69abf89e2ead8dfefe5e321a9e0c87c0 (diff) | |
fix more transparent panels
Diffstat (limited to 'src/components/search')
| -rw-r--r-- | src/components/search/search.vue | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/components/search/search.vue b/src/components/search/search.vue index 643c2cad..dc803835 100644 --- a/src/components/search/search.vue +++ b/src/components/search/search.vue @@ -1,11 +1,11 @@ <template> - <div class="panel panel-default"> + <div class="Search panel panel-default"> <div class="panel-heading"> <div class="title"> {{ $t('nav.search') }} </div> </div> - <div class="search-input-container"> + <div class="panel-body search-input-container"> <input ref="searchInput" v-model="searchTerm" @@ -23,7 +23,7 @@ </div> <div v-if="loading && statusesOffset == 0" - class="text-center loading-icon" + class="panel-body text-center loading-icon" > <FAIcon icon="circle-notch" @@ -154,6 +154,11 @@ 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 { |