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

Fix styles on Status show page

Browse source
This commit is contained in:
Angelina Filippova 2020-05-22 21:02:20 +03:00
parent 7aea244706
commit 8d7ffcca89
1 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/views/statuses/show.vue
View file

@ -33,7 +33,7 @@
<div class="status-container"> <div class="status-container">
<status :status="status" :account="user" :show-checkbox="false" :godmode="showPrivate"/> <status :status="status" :account="user" :show-checkbox="false" :godmode="showPrivate"/>
</div> </div>
<div class="recent-statuses-container"> <div class="recent-statuses-container-show">
<h2 class="recent-statuses">{{ $t('userProfile.recentStatuses') }} by {{ user.display_name }}</h2> <h2 class="recent-statuses">{{ $t('userProfile.recentStatuses') }} by {{ user.display_name }}</h2>
<el-checkbox v-model="showPrivate" class="show-private-statuses" @change="onTogglePrivate"> <el-checkbox v-model="showPrivate" class="show-private-statuses" @change="onTogglePrivate">
{{ $t('statuses.showPrivateStatuses') }} {{ $t('statuses.showPrivateStatuses') }}
@ -131,20 +131,24 @@ export default {
padding: 10px; padding: 10px;
margin-left: 6px; margin-left: 6px;
} }
.recent-statuses {
margin-left: 28px; .recent-statuses-container-show {
}
.recent-statuses-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.el-timeline-item {
margin-left: 20px;
}
.recent-statuses {
margin-left: 20px;
}
.show-private-statuses {
margin-left: 20px;
margin-bottom: 20px;
}
} }
.reset-password-link { .reset-password-link {
text-decoration: underline; text-decoration: underline;
} }
.show-private-statuses {
margin-left: 28px;
margin-bottom: 20px;
}
.status-container { .status-container {
margin: 0 15px 0 20px; margin: 0 15px 0 20px;
} }
@ -187,9 +191,9 @@ export default {
.recent-statuses { .recent-statuses {
margin: 20px 10px 15px 10px; margin: 20px 10px 15px 10px;
} }
.recent-statuses-container { .recent-statuses-container-show {
width: 100%; width: 100%;
margin: 0; margin: 0 0 0 15px;
} }
.show-private-statuses { .show-private-statuses {
margin: 0 10px 20px 10px; margin: 0 10px 20px 10px;
@ -216,7 +220,7 @@ export default {
.recent-statuses { .recent-statuses {
margin: 20px 10px 15px 0; margin: 20px 10px 15px 0;
} }
.recent-statuses-container { .recent-statuses-container-show {
width: 97%; width: 97%;
margin: 0 20px; margin: 0 20px;
} }