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

Fix styles

Browse source
This commit is contained in:
Angelina Filippova 2020-02-16 23:11:13 +03:00
parent 39f892bbfb
commit c55c642d45
3 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -45,7 +45,7 @@
:value="inputValue === null ? undefined : inputValue"
:placeholder="setting.suggestions ? setting.suggestions[0].toString() : null"
:min="0"
:size="isDesktop ? 'large' : 'small'"
:size="isDesktop ? 'large' : 'medium'"
@change="update($event, settingGroup.group, settingGroup.key, settingParent, setting.key, setting.type, nested)"/>
<el-select
v-if="setting.type === 'module' || (setting.type.includes('atom') && setting.type.includes('dropdown'))"

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">
<el-form-item label="Name" label-width="85px" class="mascot-form-item">
<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">
<el-form-item label="URL" label-width="85px" class="mascot-form-item">
<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">
<el-form-item label="Mime type" label-width="85px" class="mascot-form-item">
<el-input :value="getMimeType(mascot)" placeholder="Mime type" class="mascot-input" @input="parseMascots($event, 'mimeType', mascot)"/>
</el-form-item>
</div>

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

@ -296,7 +296,7 @@
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
.delete-setting-button {
margin-left: 5px;
margin: 4px 0 0 5px;
height: 28px;
}
.delete-setting-button-container {
@ -338,17 +338,22 @@
margin: 0;
padding: 0 15px 10px 0;
}
.el-form-item:first-child .mascot-form-item {
padding: 0;
}
.el-form-item:first-child .rate-limit {
padding: 0;
}
.settings-delete-button {
margin: 4px 7px 0 -5px;
margin: 4px 15px 0 -5px;
}
}
.input-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.limit-input {
width: 46%;
width: 40%;
}
.proxy-url-input {
flex-direction: column;
@ -376,7 +381,7 @@
float: left;
}
.scale-input {
width: 46%;
width: 40%;
}
.setting-label {
display: flex;