aboutsummaryrefslogtreecommitdiff
path: root/src/components/user_finder/user_finder.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2018-03-31 21:14:36 +0300
committerHenry Jameson <me@hjkos.com>2018-04-07 16:34:11 +0300
commitaa0564406a95824cc45c815571292716b65806a1 (patch)
treef3a282f88afe1e5ed6f9f08e0649bdf1bf2a892a /src/components/user_finder/user_finder.vue
parent936ca1a38cc1b9206dea8970eda6885fc7d4391d (diff)
getting rid of baseXX, some small fixes. Seems to be usable.
Diffstat (limited to 'src/components/user_finder/user_finder.vue')
-rw-r--r--src/components/user_finder/user_finder.vue8
1 files changed, 3 insertions, 5 deletions
diff --git a/src/components/user_finder/user_finder.vue b/src/components/user_finder/user_finder.vue
index 3c69e3b4..66b2fc87 100644
--- a/src/components/user_finder/user_finder.vue
+++ b/src/components/user_finder/user_finder.vue
@@ -1,13 +1,13 @@
<template>
<span class="user-finder-container">
- <span class="finder-error base05" v-if="error">
+ <span class="finder-error" v-if="error">
<i class="icon-cancel user-finder-icon" @click="dismissError"/>
{{$t('finder.error_fetching_user')}}
</span>
<i class="icon-spin4 user-finder-icon animate-spin-slow" v-if="loading" />
<a href="#" v-if="hidden"><i class="icon-user-plus user-finder-icon" @click.prevent.stop="toggleHidden"/></a>
<span v-else>
- <input class="user-finder-input base03-border" @keyup.enter="findUser(username)" v-model="username" :placeholder="$t('finder.find_user')" id="user-finder-input" type="text"/>
+ <input class="user-finder-input" @keyup.enter="findUser(username)" v-model="username" :placeholder="$t('finder.find_user')" id="user-finder-input" type="text"/>
<i class="icon-cancel user-finder-icon" @click.prevent.stop="toggleHidden"/>
</span>
</span>
@@ -25,9 +25,6 @@
}
.user-finder-input {
- border-width: 1px;
- border-style: solid;
- border-color: inherit;
border-radius: 5px;
max-width: 80%;
padding: 0.1em 0.2em 0.2em 0.2em;
@@ -38,5 +35,6 @@
margin: 0.35em;
border-radius: 5px;
padding: 0.25em;
+ color: var(--faint);
}
</style>