TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Test

Browse source
This commit is contained in:
Dragos 2022-12-18 12:57:20 +02:00 • committed by GitHub
parent 10438ab777
commit 3444c96118
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/components/NavBar.vue
View file

@ -5,7 +5,7 @@
><img alt="logo" src="/img/icons/logo.svg" height="32" width="32" />iped</router-link
>
</div>
<div class="lt-md:hidden flex flex-1 justify-start">
<div class="lt-md:hidden flex flex-1 justify-start" style="position: relative">
<input
v-model="searchText"
type="text"
@ -54,7 +54,7 @@
</nav>
<!-- search suggestions for mobile devices -->
<div class="w-{full - 4} md:hidden mx-2">
<div class="w-{full - 4} md:hidden mx-2" style="position: relative">
<input
v-model="searchText"
type="text"
@ -66,6 +66,7 @@
@focus="onInputFocus"
@blur="onInputBlur"
/>
<span v-if="searchText" class="delete-search" @click="searchText = ''">x</span>
</div>
<SearchSuggestions
v-show="(searchText || showSearchHistory) && suggestionsVisible"
@ -104,23 +105,37 @@
width: auto;
margin: 0 -5rem;
}
.delete-search {
position: absolute;
display: flex;
right: 6rem;
top: 5.5rem;
height: 30rem;
width: 30rem;
cursor: pointer;
background-color: var(--efy_bg1);
border: var(--efy_border);
border-radius: var(--efy_radius0);
place-content: center;
font-size: 20rem;
color: var(--efy_text);
flex-wrap: wrap;
align-content: center;
}
</style>
<script>
import SearchSuggestions from "./SearchSuggestions.vue";
import hotkeys from "hotkeys-js";
import LoginModal from "./LoginModal.vue";
export default {
components: {
SearchSuggestions,
LoginModal,
},
data() {
return {
searchText: "",
suggestionsVisible: false,
showTopNav: false,
showLoginModal: false,
};
},
mounted() {
@ -138,8 +153,8 @@ export default {
shouldShowTrending(_this) {
return _this.getPreferenceString("homepage", "trending") != "trending";
},
showSearchHistory() {
return localStorage.getItem("searchHistory") && localStorage.getItem("search_history");
showSearchHistory(_this) {
return _this.getPreferenceBoolean("searchHistory", false) && localStorage.getItem("search_history");
},
},
methods: {