mixel/DocuSphere
1
0
Fork 0
Code Issues 6 Pull requests 1 Projects Releases Packages Wiki Activity Actions

code cleanup for search bar

Browse source
This commit is contained in:
Mika Bomm 2024-09-05 11:46:57 +02:00
parent 6523d15637
commit 26bc3ae957
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/src/components/NavBar.vue
View file

@ -2,10 +2,6 @@
import { ref } from "vue"; import { ref } from "vue";
const showSearch = ref(false); const showSearch = ref(false);
const toggleSearch = () => {
showSearch.value = !showSearch.value;
};
</script> </script>
<template> <template>
@ -22,13 +18,16 @@ const toggleSearch = () => {
<template v-slot:append class="align-center justify-center"> <template v-slot:append class="align-center justify-center">
<v-btn icon="mdi-heart"></v-btn> <v-btn icon="mdi-heart"></v-btn>
<v-btn icon="mdi-magnify" @click="toggleSearch"> </v-btn> <!---------------->
<!-- Search Bar -->
<!---------------->
<v-btn icon="mdi-magnify" @click="showSearch = !showSearch"> </v-btn>
<v-slide-x-reverse-transition hide-on-leave> <v-slide-x-reverse-transition hide-on-leave>
<v-responsive v-show="showSearch" min-width="20vw"> <v-responsive v-show="showSearch" min-width="20vw">
<v-text-field <v-text-field
variant="solo-filled" variant="solo-filled"
class="search-bar w-100 justify-center align-center" class="w-100 justify-center align-center"
label="Search" label="Search"
clearable clearable
></v-text-field> ></v-text-field>