Fix margin issues

This commit is contained in:
Jeder 2023-08-28 11:16:09 +02:00 committed by Laura Hausmann
parent afa27d4811
commit d976fb0329
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
3 changed files with 14 additions and 13 deletions

View file

@ -19,8 +19,8 @@
}}</template> }}</template>
</MkSwitch> </MkSwitch>
</div> </div>
<div v-if="!useGlobalSetting" class="_section"> <div v-if="!useGlobalSetting" class="_section _formRoot">
<MkInfo>{{ i18n.ts.notificationSettingDesc }}</MkInfo> <MkInfo class="_formBlock">{{ i18n.ts.notificationSettingDesc }}</MkInfo>
<MkButton inline @click="disableAll">{{ <MkButton inline @click="disableAll">{{
i18n.ts.disableAll i18n.ts.disableAll
}}</MkButton> }}</MkButton>
@ -29,6 +29,7 @@
}}</MkButton> }}</MkButton>
<MkSwitch <MkSwitch
v-for="ntype in notificationTypes" v-for="ntype in notificationTypes"
class="_formBlock"
:key="ntype" :key="ntype"
v-model="typesMap[ntype]" v-model="typesMap[ntype]"
>{{ i18n.t(`_notification._types.${ntype}`) }}</MkSwitch >{{ i18n.t(`_notification._types.${ntype}`) }}</MkSwitch

View file

@ -1,9 +1,9 @@
<template> <template>
<div class="adhpbeos"> <div class="adhpbeos">
<label> <label>
<span class="label"> <div class="label">
<slot name="label"></slot> <slot name="label"></slot>
</span> </div>
<div class="input" :class="{ disabled, focused, tall, pre }"> <div class="input" :class="{ disabled, focused, tall, pre }">
<textarea <textarea
ref="inputEl" ref="inputEl"

View file

@ -4,20 +4,20 @@
><MkPageHeader :actions="headerActions" :tabs="headerTabs" ><MkPageHeader :actions="headerActions" :tabs="headerTabs"
/></template> /></template>
<MkSpacer :content-max="800" :margin-min="16" :margin-max="32"> <MkSpacer :content-max="800" :margin-min="16" :margin-max="32">
<FormSuspense :p="init"> <FormSuspense :p="init" class="_formRoot">
<FormInput v-model="title"> <FormInput v-model="title" class="_formBlock">
<template #label>{{ i18n.ts.title }}</template> <template #label>{{ i18n.ts.title }}</template>
</FormInput> </FormInput>
<FormTextarea v-model="description" :max="500"> <FormTextarea v-model="description" :max="500" class="_formBlock">
<template #label>{{ i18n.ts.description }}</template> <template #label>{{ i18n.ts.description }}</template>
</FormTextarea> </FormTextarea>
<div class=""> <div class="_formBlock">
<div <div
v-for="file in files" v-for="file in files"
:key="file.id" :key="file.id"
class="wqugxsfx" class="wqugxsfx _formBlock"
:style="{ :style="{
backgroundImage: file backgroundImage: file
? `url(${file.thumbnailUrl})` ? `url(${file.thumbnailUrl})`
@ -40,20 +40,20 @@
> >
</div> </div>
<FormSwitch v-model="isSensitive">{{ <FormSwitch v-model="isSensitive" class="_formBlock">{{
i18n.ts.markAsSensitive i18n.ts.markAsSensitive
}}</FormSwitch> }}</FormSwitch>
<FormButton v-if="postId" primary @click="save" <FormButton v-if="postId" primary @click="save" class="_formBlock"
><i class="ph-floppy-disk-back ph-bold ph-lg"></i> ><i class="ph-floppy-disk-back ph-bold ph-lg"></i>
{{ i18n.ts.save }}</FormButton {{ i18n.ts.save }}</FormButton
> >
<FormButton v-else primary @click="save" <FormButton v-else primary @click="save" class="_formBlock"
><i class="ph-floppy-disk-back ph-bold ph-lg"></i> ><i class="ph-floppy-disk-back ph-bold ph-lg"></i>
{{ i18n.ts.publish }}</FormButton {{ i18n.ts.publish }}</FormButton
> >
<FormButton v-if="postId" danger @click="del" <FormButton v-if="postId" danger @click="del" class="_formBlock"
><i class="ph-trash ph-bold ph-lg"></i> ><i class="ph-trash ph-bold ph-lg"></i>
{{ i18n.ts.delete }}</FormButton {{ i18n.ts.delete }}</FormButton
> >