mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2025-02-27 04:40:40 +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

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