aboutsummaryrefslogtreecommitdiff
path: root/src/components/user_finder/user_finder.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_finder/user_finder.vue
parent8c7f765dff8b66ff27aeeab5bc09cd715ab328a9 (diff)
Webpack 4, ESLint with Vue, Node-sass, updated dependencies overall. New linting.
Diffstat (limited to 'src/components/user_finder/user_finder.vue')
-rw-r--r--src/components/user_finder/user_finder.vue37
1 files changed, 30 insertions, 7 deletions
diff --git a/src/components/user_finder/user_finder.vue b/src/components/user_finder/user_finder.vue
index a118ffe2..39d49237 100644
--- a/src/components/user_finder/user_finder.vue
+++ b/src/components/user_finder/user_finder.vue
@@ -1,14 +1,38 @@
<template>
<div>
<div class="user-finder-container">
- <i class="icon-spin4 user-finder-icon animate-spin-slow" v-if="loading" />
- <a href="#" v-if="hidden" :title="$t('finder.find_user')"><i class="icon-user-plus user-finder-icon" @click.prevent.stop="toggleHidden" /></a>
+ <i
+ v-if="loading"
+ class="icon-spin4 user-finder-icon animate-spin-slow"
+ />
+ <a
+ v-if="hidden"
+ href="#"
+ :title="$t('finder.find_user')"
+ ><i
+ class="icon-user-plus user-finder-icon"
+ @click.prevent.stop="toggleHidden"
+ /></a>
<template v-else>
- <input class="user-finder-input" ref="userSearchInput" @keyup.enter="findUser(username)" v-model="username" :placeholder="$t('finder.find_user')" id="user-finder-input" type="text"/>
- <button class="btn search-button" @click="findUser(username)">
- <i class="icon-search"/>
+ <input
+ id="user-finder-input"
+ ref="userSearchInput"
+ v-model="username"
+ class="user-finder-input"
+ :placeholder="$t('finder.find_user')"
+ type="text"
+ @keyup.enter="findUser(username)"
+ >
+ <button
+ class="btn search-button"
+ @click="findUser(username)"
+ >
+ <i class="icon-search" />
</button>
- <i class="button-icon icon-cancel user-finder-icon" @click.prevent.stop="toggleHidden"/>
+ <i
+ class="button-icon icon-cancel user-finder-icon"
+ @click.prevent.stop="toggleHidden"
+ />
</template>
</div>
</div>
@@ -25,7 +49,6 @@
align-items: baseline;
vertical-align: baseline;
-
.user-finder-input,
.search-button {
height: 29px;