qbism/qb-admin-fe
1
0
Fork 0
forked from AkkomaGang/admin-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix style for desktop and mobile ui

Browse source
This commit is contained in:
Angelina Filippova 2019-03-24 00:54:14 +03:00
parent 48b8c5d021
commit 093fd94b09
1 changed files with 4 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/views/users/index.vue
View file

@ -3,7 +3,6 @@
<h1>{{ $t('users.users') }}</h1> <h1>{{ $t('users.users') }}</h1>
<div class="search-container"> <div class="search-container">
<users-filter/> <users-filter/>
<!-- <el-checkbox :value="showLocalUsersOnly" @change="handleLocalUsersCheckbox">{{ $t('users.localUsersOnly') }}</el-checkbox> -->
<el-input :placeholder="$t('users.search')" class="search" @input="handleDebounceSearchInput"/> <el-input :placeholder="$t('users.search')" class="search" @input="handleDebounceSearchInput"/>
</div> </div>
<el-table v-loading="loading" :data="users" style="width: 100%"> <el-table v-loading="loading" :data="users" style="width: 100%">
@ -117,9 +116,6 @@ export default {
currentPage() { currentPage() {
return this.$store.state.users.currentPage return this.$store.state.users.currentPage
}, },
showLocalUsersOnly() {
return this.$store.state.users.showLocalUsersOnly
},
isDesktop() { isDesktop() {
return this.$store.state.app.device === 'desktop' return this.$store.state.app.device === 'desktop'
}, },
@ -156,9 +152,6 @@ export default {
showAdminAction({ local, id }) { showAdminAction({ local, id }) {
return local && this.showDeactivatedButton(id) return local && this.showDeactivatedButton(id)
}, },
handleLocalUsersCheckbox(e) {
this.$store.dispatch('ToggleLocalUsersFilter', e)
},
activationIcon(status) { activationIcon(status) {
return status ? 'el-icon-error' : 'el-icon-success' return status ? 'el-icon-error' : 'el-icon-success'
}, },
@ -191,15 +184,14 @@ export default {
.search { .search {
width: 300px; width: 300px;
margin-bottom: 21.5px;
margin-right: 15px;
float: right; float: right;
} }
.search-container { .search-container {
display: flex; display: flex;
height: 36px;
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
margin-left: 15px; margin: 0 15px 21px 15px
} }
} }
@media @media
@ -217,16 +209,14 @@ only screen and (max-width: 760px),
font-size: 12px; font-size: 12px;
} }
.search { .search {
width: 50%; width: 48%;
margin-bottom: 21.5px;
margin-right: 7px;
float: right; float: right;
} }
.search-container { .search-container {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
margin-left: 7px; margin: 0 7px 10px 7px
} }
.el-tag { .el-tag {
width: 30px; width: 30px;