|
|
@ -1,11 +1,11 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="panel panel-default">
|
|
|
|
<div class="Search panel panel-default">
|
|
|
|
<div class="panel-heading">
|
|
|
|
<div class="panel-heading">
|
|
|
|
<div class="title">
|
|
|
|
<div class="title">
|
|
|
|
{{ $t('nav.search') }}
|
|
|
|
{{ $t('nav.search') }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="search-input-container">
|
|
|
|
<div class="panel-body search-input-container">
|
|
|
|
<input
|
|
|
|
<input
|
|
|
|
ref="searchInput"
|
|
|
|
ref="searchInput"
|
|
|
|
v-model="searchTerm"
|
|
|
|
v-model="searchTerm"
|
|
|
@ -23,7 +23,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
v-if="loading && statusesOffset == 0"
|
|
|
|
v-if="loading && statusesOffset == 0"
|
|
|
|
class="text-center loading-icon"
|
|
|
|
class="panel-body text-center loading-icon"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<FAIcon
|
|
|
|
<FAIcon
|
|
|
|
icon="circle-notch"
|
|
|
|
icon="circle-notch"
|
|
|
@ -154,6 +154,11 @@
|
|
|
|
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 {
|
|
|
|