mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2024-11-28 21:18:54 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix: mobile search #156 - maybe redesign in future

Browse source
This commit is contained in:
Daan Wijns 2021-02-17 08:13:53 +01:00
parent cbf845a8a4
commit 463dabde00
1 changed files with 23 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/components/Modals/SearchModal/SearchModal.vue
View file

@ -15,25 +15,29 @@
ref="form" ref="form"
v-model="searchForm.valid" v-model="searchForm.valid"
> >
<v-flex row class="py-1 px-2 mx-auto"> <v-flex row class="mt-1 py-1 px-2 mx-auto">
<v-text-field <v-col class="pa-0" cols="8">
v-model="searchForm.pattern" <v-text-field
:prepend-inner-icon="mdiMagnify" v-model="searchForm.pattern"
label="Search" :prepend-inner-icon="mdiMagnify"
:rules="[v => !!v || 'Searchterm is required']" label="Search"
clearable :rules="[v => !!v || 'Searchterm is required']"
style="width: 70%" clearable
@keydown.enter="$refs.searchButton.click" style="width: 95%;"
/> @keydown.enter="$refs.searchButton.click"
<v-spacer /> />
<v-btn </v-col>
ref="searchButton" <v-col class="pa-0 mt-2 ml-1 justify-center" cols="4">
:disabled="!searchForm.valid" <v-btn
:color="loading ? 'warning' : 'primary'" ref="searchButton"
@click="loading ? stopSearch() : startSearch()" class="mt-2 mx-0"
> :disabled="!searchForm.valid"
{{ loading ? "Stop" : "Search" }} :color="loading ? 'warning' : 'primary'"
</v-btn> @click="loading ? stopSearch() : startSearch()"
>
{{ loading ? "Stop" : "Search" }}
</v-btn>
</v-col>
</v-flex> </v-flex>
</v-form> </v-form>
<perfect-scrollbar> <perfect-scrollbar>