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