mirrors/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey.git synced 2025-11-03 23:14:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

replace brs with margin in MkAbuseReport

Browse source
This commit is contained in:
blueb 2024-10-03 09:12:25 -04:00
parent cbecaad5ae
commit 5ef58c90ae
1 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/frontend/src/components/MkAbuseReport.vue
View file

@ -13,7 +13,6 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkAcct class="acct" :user="report.targetUser" style="display: block;"/> <MkAcct class="acct" :user="report.targetUser" style="display: block;"/>
</div> </div>
</MkA> </MkA>
<br>
<div class="keyvalCtn"> <div class="keyvalCtn">
<MkKeyValue> <MkKeyValue>
<template #key>{{ i18n.ts.registeredDate }}</template> <template #key>{{ i18n.ts.registeredDate }}</template>
@ -35,17 +34,15 @@ SPDX-License-Identifier: AGPL-3.0-only
<Mfm :text="report.comment" :isBlock="true" :linkNavigationBehavior="'window'"/> <Mfm :text="report.comment" :isBlock="true" :linkNavigationBehavior="'window'"/>
</div> </div>
<hr/> <hr/>
<div v-if="report.assignee"> <div class="assignee" v-if="report.assignee">
{{ i18n.ts.moderator }}: {{ i18n.ts.moderator }}:
<MkA :to="`/admin/user/${report.assignee.id}`" class="_link" :behavior="'window'">@{{ report.assignee.username }}</MkA> <MkA :to="`/admin/user/${report.assignee.id}`" class="_link" :behavior="'window'">@{{ report.assignee.username }}</MkA>
<br>
</div> </div>
<div class="action"> <div class="action">
<MkSwitch v-model="forward" c:disabled="report.targetUser.host == null || report.resolved"> <MkSwitch v-model="forward" c:disabled="report.targetUser.host == null || report.resolved">
{{ i18n.ts.forwardReport }} {{ i18n.ts.forwardReport }}
<template #caption>{{ i18n.ts.forwardReportIsAnonymous }}</template> <template #caption>{{ i18n.ts.forwardReportIsAnonymous }}</template>
</MkSwitch> </MkSwitch>
<br v-if="!report.resolved">
<MkButton v-if="!report.resolved" primary @click="resolve">{{ i18n.ts.abuseMarkAsResolved }}</MkButton> <MkButton v-if="!report.resolved" primary @click="resolve">{{ i18n.ts.abuseMarkAsResolved }}</MkButton>
</div> </div>
</div> </div>
@ -124,12 +121,24 @@ function resolve() {
> .keyvalCtn { > .keyvalCtn {
display: inline-flex; display: inline-flex;
gap: 15px; gap: 15px;
margin-top: 15px;
} }
} }
> .detail { > .detail {
flex: 1; display: flex;
flex-direction: column;
padding: 0px 24px 24px 24px; padding: 0px 24px 24px 24px;
.assignee {
margin-bottom: 15px;
}
.action {
display: flex;
flex-direction: column;
gap: 15px;
}
} }
} }
</style> </style>