forked from AkkomaGang/admin-fe
Fix styles
This commit is contained in:
parent
d821debd85
commit
ea938958a6
3 changed files with 30 additions and 8 deletions
|
@ -189,7 +189,8 @@ export default {
|
||||||
sandbox: 'Force posts to be followers-only',
|
sandbox: 'Force posts to be followers-only',
|
||||||
disableRemoteSubscription: 'Disallow following user from remote instances',
|
disableRemoteSubscription: 'Disallow following user from remote instances',
|
||||||
disableAnySubscription: 'Disallow following user at all',
|
disableAnySubscription: 'Disallow following user at all',
|
||||||
selectUsers: 'Select users to apply actions to multiple users'
|
selectUsers: 'Select users to apply actions to multiple users',
|
||||||
|
moderateUsers: 'Moderate multiple users'
|
||||||
},
|
},
|
||||||
usersFilter: {
|
usersFilter: {
|
||||||
inputPlaceholder: 'Select filter',
|
inputPlaceholder: 'Select filter',
|
||||||
|
|
|
@ -1,6 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<el-dropdown size="small" trigger="click">
|
<el-dropdown size="small" trigger="click" placement="bottom-start">
|
||||||
<el-button v-if="isDesktop" icon="el-icon-edit" class="actions-button"/>
|
<el-button v-if="isDesktop" class="actions-button">
|
||||||
|
<span class="actions-button-container">
|
||||||
|
<span>
|
||||||
|
<i class="el-icon-edit" />
|
||||||
|
{{ $t('users.moderateUsers') }}
|
||||||
|
</span>
|
||||||
|
<i class="el-icon-arrow-down el-icon--right"/>
|
||||||
|
</span>
|
||||||
|
</el-button>
|
||||||
<el-dropdown-menu v-if="showDropdownForMultipleUsers" slot="dropdown">
|
<el-dropdown-menu v-if="showDropdownForMultipleUsers" slot="dropdown">
|
||||||
<el-dropdown-item
|
<el-dropdown-item
|
||||||
@click.native="grantRightToMultipleUsers('admin')">
|
@click.native="grantRightToMultipleUsers('admin')">
|
||||||
|
@ -220,7 +228,20 @@ export default {
|
||||||
|
|
||||||
<style rel='stylesheet/scss' lang='scss' scoped>
|
<style rel='stylesheet/scss' lang='scss' scoped>
|
||||||
.actions-button {
|
.actions-button {
|
||||||
margin-left: 15px;
|
text-align: left;
|
||||||
|
margin: 0 15px 10px 0;
|
||||||
|
width: 350px;
|
||||||
|
padding: 10px 15px;
|
||||||
|
}
|
||||||
|
.actions-button-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.el-dropdown {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.el-dropdown-menu {
|
||||||
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
.tag-container {
|
.tag-container {
|
||||||
display: flex;
|
display: flex;
|
|
@ -8,7 +8,7 @@
|
||||||
<users-filter/>
|
<users-filter/>
|
||||||
<el-input :placeholder="$t('users.search')" class="search" @input="handleDebounceSearchInput"/>
|
<el-input :placeholder="$t('users.search')" class="search" @input="handleDebounceSearchInput"/>
|
||||||
</div>
|
</div>
|
||||||
<dropdown-menu
|
<dropdown-actions-menu
|
||||||
:selected-users="selectedUsers"
|
:selected-users="selectedUsers"
|
||||||
@apply-action="clearSelection"/>
|
@apply-action="clearSelection"/>
|
||||||
<el-table
|
<el-table
|
||||||
|
@ -137,13 +137,13 @@
|
||||||
import debounce from 'lodash.debounce'
|
import debounce from 'lodash.debounce'
|
||||||
import numeral from 'numeral'
|
import numeral from 'numeral'
|
||||||
import UsersFilter from './components/UsersFilter'
|
import UsersFilter from './components/UsersFilter'
|
||||||
import DropdownMenu from './components/DropdownMenu'
|
import DropdownActionsMenu from './components/DropdownActionsMenu'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Users',
|
name: 'Users',
|
||||||
components: {
|
components: {
|
||||||
UsersFilter,
|
UsersFilter,
|
||||||
DropdownMenu
|
DropdownActionsMenu
|
||||||
},
|
},
|
||||||
data: function() {
|
data: function() {
|
||||||
return {
|
return {
|
||||||
|
@ -265,7 +265,7 @@ export default {
|
||||||
height: 36px;
|
height: 36px;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 22px 15px 22px 15px
|
margin: 22px 15px 15px 15px
|
||||||
}
|
}
|
||||||
.user-count {
|
.user-count {
|
||||||
color: gray;
|
color: gray;
|
||||||
|
|
Loading…
Reference in a new issue