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

Remove settings-input class

Browse source
This commit is contained in:
Angelina Filippova 2020-02-15 00:11:23 +03:00
parent 287e46d860
commit af96cb4adc
7 changed files with 19 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/views/settings/components/Inputs.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="input-container">
<div v-if="setting.type === 'keyword'" class="keyword-container">
<el-form-item :label-width="customLabelWidth" :class="labelClass" :style="`margin-left:${margin}px;margin-bottom:0`" class="settings-input">
<el-form-item :label-width="customLabelWidth" :class="labelClass" :style="`margin-left:${margin}px;margin-bottom:0`" >
<span slot="label">
{{ setting.label }}
<el-tooltip v-if="canBeDeleted && isDesktop" :content="$t('settings.removeFromDB')" placement="bottom-end">
@ -9,7 +9,7 @@
</el-tooltip>
</span>
</el-form-item>
<el-form-item v-for="subSetting in setting.children" :key="subSetting.key" class="settings-input">
<el-form-item v-for="subSetting in setting.children" :key="subSetting.key">
<inputs
:setting-group="settingGroup"
:setting-parent="[...settingParent, subSetting]"
@ -21,7 +21,7 @@
:nested="true"/>
</el-form-item>
</div>
<el-form-item v-if="setting.type !== 'keyword'" :label-width="customLabelWidth" :class="labelClass" class="settings-input">
<el-form-item v-if="setting.type !== 'keyword'" :label-width="customLabelWidth" :class="labelClass">
<span slot="label">
{{ setting.label }}
<el-tooltip v-if="canBeDeleted && isDesktop" :content="$t('settings.removeFromDB')" placement="bottom-end">

2
src/views/settings/components/Setting.vue
View file

@ -1,6 +1,6 @@
<template>
<div v-if="!loading">
<el-form-item v-if="settingGroup.description" class="description-container settings-input">
<el-form-item v-if="settingGroup.description" class="description-container">
<span class="description" v-html="getFormattedDescription(settingGroup.description)"/>
</el-form-item>
<div v-if="settingGroup.key === 'Pleroma.Emails.Mailer'">

6
src/views/settings/components/inputComponents/MascotsInput.vue
View file

@ -1,16 +1,16 @@
<template>
<div>
<div v-for="mascot in data" :key="getId(mascot)" class="mascot-container">
<el-form-item label="Name" label-width="85px" class="settings-input">
<el-form-item label="Name" label-width="85px">
<div class="mascot-name-container">
<el-input :value="getName(mascot)" placeholder="Name" class="mascot-name-input" @input="parseMascots($event, 'name', mascot)"/>
<el-button :size="isDesktop ? 'medium' : 'mini'" class="icon-minus-button" icon="el-icon-minus" circle @click="deleteMascotsRow(mascot)"/>
</div>
</el-form-item>
<el-form-item label="URL" label-width="85px" class="settings-input">
<el-form-item label="URL" label-width="85px">
<el-input :value="getUrl(mascot)" placeholder="URL" class="mascot-input" @input="parseMascots($event, 'url', mascot)"/>
</el-form-item>
<el-form-item label="Mime type" label-width="85px" class="settings-input">
<el-form-item label="Mime type" label-width="85px">
<el-input :value="getMimeType(mascot)" placeholder="Mime type" class="mascot-input" @input="parseMascots($event, 'mimeType', mascot)"/>
</el-form-item>
</div>

6
src/views/settings/components/inputComponents/PruneInput.vue
View file

@ -1,11 +1,11 @@
<template>
<div>
<el-radio-group v-model="prune">
<el-radio-group v-model="prune" class="prune-options">
<el-radio label=":disabled">Disabled</el-radio>
<el-radio label=":maxlen">Limit-based</el-radio>
<el-radio label=":maxage">Time-based</el-radio>
</el-radio-group>
<el-form-item v-if="prune === ':maxlen'" label="max length" label-width="100" label-position="left" class="settings-input">
<el-form-item v-if="prune === ':maxlen'" label="max length" label-width="100" label-position="left">
<el-input-number
:value="data[1]"
:min="0"
@ -14,7 +14,7 @@
class="top-margin"
@change="updateIntInput($event, ':maxlen')"/>
</el-form-item>
<el-form-item v-if="prune === ':maxage'" label="max age" label-width="100" label-position="left" class="settings-input">
<el-form-item v-if="prune === ':maxage'" label="max age" label-width="100" label-position="left">
<el-input-number
:value="data[1]"
:min="0"

4
src/views/settings/components/inputComponents/RateLimitInput.vue
View file

@ -18,7 +18,7 @@
</div>
</div>
<div v-if="rateLimitAuthUsers">
<el-form-item class="rate-limit settings-input">
<el-form-item class="rate-limit">
<div class="rate-limit-label-container">
<span class="rate-limit-label">
Unauthenticated users:
@ -42,7 +42,7 @@
)"/>
</div>
</el-form-item>
<el-form-item class="rate-limit settings-input">
<el-form-item class="rate-limit">
<div class="rate-limit-label-container">
<span class="rate-limit-label">
Authenticated users:

2
src/views/settings/index.vue
View file

@ -261,7 +261,7 @@ export default {
margin: 15px;
}
.settings-menu {
width: 45%;
width: 163px;
}
}
</style>

18
src/views/settings/styles/main.scss
View file

@ -182,6 +182,9 @@
margin-left: 8px;
margin-right: 10px
}
.prune-options {
display: flex;
}
.rate-limit {
.el-form-item__content {
width: 100%;
@ -288,9 +291,6 @@
font-size: 14px;
}
}
.description-container.settings-input {
margin-bottom: 0;
}
.follow-relay {
width: 70%;
margin-right: 5px;
@ -328,6 +328,9 @@
width: 100%;
margin-left: 0;
}
.prune-options {
flex-direction: column;
}
.rate-limit {
.el-form-item__content {
flex-direction: column;
@ -343,12 +346,6 @@
display: flex;
justify-content: space-between;
}
.settings-input {
display: inline-block;
width: 90%;
padding: 0 15px 10px 0;
margin: 0;
}
.socks5-checkbox-container {
width: 100%;
}
@ -394,9 +391,6 @@
}
.mascot-container {
margin-bottom: 5px;
.settings-input {
width: 100%;
}
}
.name-input {
width: 40%;