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

Fix styles for report rows

Browse source
This commit is contained in:
Angelina Filippova 2019-05-21 13:47:25 +03:00
parent f06e45cf42
commit f8562896b9
1 changed files with 18 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/views/reports/components/TimelineItem.vue
View file

@ -11,25 +11,31 @@
<h5 class="id">ID: {{ report.id }}</h5> <h5 class="id">ID: {{ report.id }}</h5>
<div class="line"/> <div class="line"/>
<div> <div>
<span class="report-row">Account:</span> <span class="report-row-key">Account:</span>
<img <img
:src="report.account.avatar" :src="report.account.avatar"
alt="User's avatar" alt="User's avatar"
class="avatar-img"> class="avatar-img">
<a :href="report.account.url" target="_blank" class="account">{{ report.account.acct }}</a> <a :href="report.account.url" target="_blank" class="account">
<span class="report-row-value">{{ report.account.acct }}</span>
</a>
</div> </div>
<div class="line"/> <div class="line"/>
<div> <div>
<span class="report-row">Content: {{ report.content.length > 0 ? report.content : '-' }}</span> <span class="report-row-key">Content:
<span class="report-row-value">{{ report.content.length > 0 ? report.content : '-' }}</span>
</span>
</div> </div>
<div class="line"/> <div class="line"/>
<div> <div>
<span class="report-row">Actor:</span> <span class="report-row-key">Actor:</span>
<img <img
:src="report.actor.avatar" :src="report.actor.avatar"
alt="User's avatar" alt="User's avatar"
class="avatar-img"> class="avatar-img">
<a :href="report.actor.url" target="_blank" class="account">{{ report.actor.acct }}</a> <a :href="report.actor.url" target="_blank" class="account">
<span class="report-row-value">{{ report.actor.acct }}</span>
</a>
</div> </div>
<div class="statuses"> <div class="statuses">
<el-collapse> <el-collapse>
@ -183,6 +189,7 @@ export default {
} }
.el-collapse-item__header { .el-collapse-item__header {
height: 46px; height: 46px;
font-size: 14px;
} }
.el-collapse-item__content { .el-collapse-item__content {
padding-bottom: 7px; padding-bottom: 7px;
@ -216,7 +223,7 @@ export default {
} }
.new-note { .new-note {
p { p {
font-size: 13px; font-size: 14px;
font-weight: 500; font-weight: 500;
height: 17px; height: 17px;
margin: 13px 0 7px; margin: 13px 0 7px;
@ -230,10 +237,13 @@ export default {
font-style: italic; font-style: italic;
color: gray; color: gray;
} }
.report-row { .report-row-key {
font-size: 13px; font-size: 14px;
font-weight: 500; font-weight: 500;
} }
.report-row-key {
font-size: 14px;
}
.report-title { .report-title {
margin: 0; margin: 0;
} }