aboutsummaryrefslogtreecommitdiff
path: root/src/components/user_search/user_search.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2019-04-07 20:33:11 +0300
committerHenry Jameson <me@hjkos.com>2019-04-07 20:33:11 +0300
commit9108737d55300d8a4f822ba94335d8b53f04854d (patch)
tree76c51864a8f84edf260f2cf2fcf7625799f2533f /src/components/user_search/user_search.vue
parent8c7f765dff8b66ff27aeeab5bc09cd715ab328a9 (diff)
Webpack 4, ESLint with Vue, Node-sass, updated dependencies overall. New linting.
Diffstat (limited to 'src/components/user_search/user_search.vue')
-rw-r--r--src/components/user_search/user_search.vue35
1 files changed, 27 insertions, 8 deletions
diff --git a/src/components/user_search/user_search.vue b/src/components/user_search/user_search.vue
index 1269eea6..6445e323 100644
--- a/src/components/user_search/user_search.vue
+++ b/src/components/user_search/user_search.vue
@@ -1,19 +1,38 @@
<template>
<div class="user-search panel panel-default">
<div class="panel-heading">
- {{$t('nav.user_search')}}
+ {{ $t('nav.user_search') }}
</div>
<div class="user-search-input-container">
- <input class="user-finder-input" ref="userSearchInput" @keyup.enter="newQuery(username)" v-model="username" :placeholder="$t('finder.find_user')"/>
- <button class="btn search-button" @click="newQuery(username)">
- <i class="icon-search"/>
+ <input
+ ref="userSearchInput"
+ v-model="username"
+ class="user-finder-input"
+ :placeholder="$t('finder.find_user')"
+ @keyup.enter="newQuery(username)"
+ >
+ <button
+ class="btn search-button"
+ @click="newQuery(username)"
+ >
+ <i class="icon-search" />
</button>
</div>
- <div v-if="loading" class="text-center loading-icon">
- <i class="icon-spin3 animate-spin"/>
+ <div
+ v-if="loading"
+ class="text-center loading-icon"
+ >
+ <i class="icon-spin3 animate-spin" />
</div>
- <div v-else class="panel-body">
- <FollowCard v-for="user in users" :key="user.id" :user="user"/>
+ <div
+ v-else
+ class="panel-body"
+ >
+ <FollowCard
+ v-for="user in users"
+ :key="user.id"
+ :user="user"
+ />
</div>
</div>
</template>