45 lines
801 B
Vue
45 lines
801 B
Vue
<template>
|
|
<div>
|
|
<div class="input-wrap">
|
|
<div class="input-search">
|
|
<FAIcon
|
|
class="search-icon fa-scale-110 fa-old-padding"
|
|
icon="search"
|
|
/>
|
|
</div>
|
|
<input
|
|
ref="search"
|
|
v-model="query"
|
|
:placeholder="$t('lists.search')"
|
|
@input="onInput"
|
|
>
|
|
</div>
|
|
<div class="input-wrap">
|
|
<Checkbox
|
|
v-model="followingOnly"
|
|
@change="onInput"
|
|
>
|
|
{{ $t('lists.following_only') }}
|
|
</Checkbox>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./list_user_search.js"></script>
|
|
<style lang="scss">
|
|
@import '../../_variables.scss';
|
|
|
|
.input-wrap {
|
|
display: flex;
|
|
margin: 0.7em 0.5em 0.7em 0.5em;
|
|
|
|
input {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.search-icon {
|
|
margin-right: 0.3em;
|
|
}
|
|
|
|
</style>
|