mirror of
https://github.com/VueTubeApp/VueTube
synced 2024-12-01 23:47:29 +00:00
search UI improvements
This commit is contained in:
parent
60af881133
commit
02c4b8847c
1 changed files with 7 additions and 1 deletions
|
@ -2,9 +2,9 @@
|
||||||
<div>
|
<div>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
label="Search"
|
label="Search"
|
||||||
outlined
|
|
||||||
v-model="text"
|
v-model="text"
|
||||||
@input="textChanged"
|
@input="textChanged"
|
||||||
|
class="searchBar"
|
||||||
/>
|
/>
|
||||||
<v-list style="min-width: 180px;">
|
<v-list style="min-width: 180px;">
|
||||||
<v-list-item v-for="(item, index) in response" :key="index">
|
<v-list-item v-for="(item, index) in response" :key="index">
|
||||||
|
@ -14,6 +14,12 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.searchBar {
|
||||||
|
margin: 0 1em 1em 1em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
Loading…
Reference in a new issue