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

Update style for mobile UI

Browse source
This commit is contained in:
Angelina Filippova 2020-05-11 00:19:00 +03:00
parent 791f576543
commit fddc20600d
1 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/views/statuses/index.vue
View file

@ -8,10 +8,10 @@
</div> </div>
<div class="statuses-header-container"> <div class="statuses-header-container">
<el-button-group> <el-button-group>
<el-button plain>{{ $t('statuses.direct') }}: {{ statusVisibility.direct }}</el-button> <el-button plain class="direct-button">{{ $t('statuses.direct') }}: {{ statusVisibility.direct }}</el-button>
<el-button plain>{{ $t('statuses.private') }}: {{ statusVisibility.private }}</el-button> <el-button plain class="private-button">{{ $t('statuses.private') }}: {{ statusVisibility.private }}</el-button>
<el-button plain>{{ $t('statuses.public') }}: {{ statusVisibility.public }}</el-button> <el-button plain class="public-button">{{ $t('statuses.public') }}: {{ statusVisibility.public }}</el-button>
<el-button plain>{{ $t('statuses.unlisted') }}: {{ statusVisibility.unlisted }}</el-button> <el-button plain class="unlisted-button">{{ $t('statuses.unlisted') }}: {{ statusVisibility.unlisted }}</el-button>
</el-button-group> </el-button-group>
</div> </div>
<div class="filter-container"> <div class="filter-container">
@ -238,8 +238,26 @@ export default {
.statuses-header-container { .statuses-header-container {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
.el-button-group {
width: 100%;
}
.el-button { .el-button {
padding: 10px 6.5px; padding: 10px 6.5px;
width: 50%;
}
.el-button-group>.el-button:first-child {
border-bottom-left-radius: 0;
}
.el-button-group>.el-button:not(:first-child):not(:last-child).private-button {
border-top-right-radius: 4px;
}
.el-button-group>.el-button:not(:first-child):not(:last-child).public-button {
border-bottom-left-radius: 4px;
border-top: white;
}
.el-button-group>.el-button:last-child {
border-top-right-radius: 0;
border-top: white;
} }
.reboot-button { .reboot-button {
margin: 10px 0 0 0; margin: 10px 0 0 0;