reduce empty space around report user / instance

This commit is contained in:
Hazelnoot 2025-05-29 23:35:13 -04:00
parent 1bd6f15868
commit 5389e5e301
3 changed files with 7 additions and 7 deletions

View file

@ -30,7 +30,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<div class="_gaps_s"> <div class="_gaps_s">
<MkFolder :withSpacer="true"> <MkFolder :withSpacer="false">
<template #icon><MkAvatar :user="report.targetUser" style="width: 18px; height: 18px;"/></template> <template #icon><MkAvatar :user="report.targetUser" style="width: 18px; height: 18px;"/></template>
<template #label>{{ i18n.ts.target }}: <MkAcct :user="report.targetUser"/></template> <template #label>{{ i18n.ts.target }}: <MkAcct :user="report.targetUser"/></template>
<template #suffix>{{ i18n.ts.id }}# {{ report.targetUserId }}</template> <template #suffix>{{ i18n.ts.id }}# {{ report.targetUserId }}</template>
@ -40,7 +40,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
</MkFolder> </MkFolder>
<MkFolder v-if="report.targetInstance" :withSpacer="true"> <MkFolder v-if="report.targetInstance" :withSpacer="false">
<template #icon> <template #icon>
<img <img
v-if="targetInstanceIcon" v-if="targetInstanceIcon"
@ -67,7 +67,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
</MkFolder> </MkFolder>
<MkFolder :withSpacer="true"> <MkFolder :withSpacer="false">
<template #icon><MkAvatar :user="report.reporter" style="width: 18px; height: 18px;"/></template> <template #icon><MkAvatar :user="report.reporter" style="width: 18px; height: 18px;"/></template>
<template #label>{{ i18n.ts.reporter }}: <MkAcct :user="report.reporter"/></template> <template #label>{{ i18n.ts.reporter }}: <MkAcct :user="report.reporter"/></template>
<template #suffix>{{ i18n.ts.id }}# {{ report.reporterId }}</template> <template #suffix>{{ i18n.ts.id }}# {{ report.reporterId }}</template>

View file

@ -4,8 +4,8 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"> <PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs" :spacer="true" style="--MI_SPACER-w: 600px; --MI_SPACER-min: 16px; --MI_SPACER-max: 32px;">
<div class="_spacer" style="--MI_SPACER-w: 600px; --MI_SPACER-min: 16px; --MI_SPACER-max: 32px;"> <div>
<FormSuspense :p="init"> <FormSuspense :p="init">
<div v-if="tab === 'overview'" class="_gaps"> <div v-if="tab === 'overview'" class="_gaps">
<div v-if="user" class="aeakzknw"> <div v-if="user" class="aeakzknw">

View file

@ -4,8 +4,8 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs" :swipable="true"> <PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs" :spacer="true" style="--MI_SPACER-w: 600px; --MI_SPACER-min: 16px; --MI_SPACER-max: 32px;">
<div v-if="instance" class="_spacer" style="--MI_SPACER-w: 600px; --MI_SPACER-min: 16px; --MI_SPACER-max: 32px;"> <div v-if="instance">
<!-- This empty div is preserved to avoid merge conflicts --> <!-- This empty div is preserved to avoid merge conflicts -->
<div> <div>
<div v-if="tab === 'overview'" class="_gaps"> <div v-if="tab === 'overview'" class="_gaps">