AkkomaGang/admin-fe
6
2
Fork 9
Code Issues 5 Pull requests 2 Projects Releases Wiki Activity

Fix styles for Relays tab

Browse source
This commit is contained in:
Angelina Filippova 2020-02-09 19:52:17 +03:00
parent aa5d00c777
commit a3dca567c3
3 changed files with 33 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -61,7 +61,7 @@
:setting-parent="[...settingParent, subSetting]"
:setting="subSetting"
:data="data[setting.key]"
:custom-label-width="'140px'"
:custom-label-width="isDesktop ? '140px' : '100px'"
:label-class="'center-label'"
:input-class="'keyword-inner-input'"
:nested="true"/>

14
src/views/settings/components/Relays.vue
View file

@ -1,13 +1,9 @@
<template>
<div v-if="!loading">
<el-row :gutter="5">
<el-col :span="8">
<el-input v-model="newRelay" :placeholder="$t('settings.followRelay')" @keyup.enter.native="followRelay"/>
</el-col>
<el-col :span="8">
<el-button type="primary" @click.native="followRelay">{{ $t('settings.follow') }}</el-button>
</el-col>
</el-row>
<div v-if="!loading" class="relays-container">
<div class="follow-relay-container">
<el-input v-model="newRelay" :placeholder="$t('settings.followRelay')" class="follow-relay" @keyup.enter.native="followRelay"/>
<el-button type="primary" @click.native="followRelay">{{ $t('settings.follow') }}</el-button>
</div>
<el-table :data="relaysTable">
<el-table-column
:label="$t('settings.instanceUrl')"

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

@ -51,6 +51,10 @@
padding: 2px 3px;
}
}
.follow-relay {
width: 350px;
margin-right: 7px;
}
.form-container {
margin-bottom: 80px;
}
@ -152,6 +156,9 @@
margin-left: 8px;
margin-right: 10px
}
.relays-container {
margin: 0 15px;
}
.replacement-input {
width: 80%;
margin-left: 8px;
@ -213,10 +220,27 @@
.description > p {
line-height: 18px;
margin: 0 0 7px 0;
code {
display: inline;
line-height: 18px;
padding: 2px 3px;
font-size: 14px;
}
}
.description-container.settings-input {
margin-bottom: 0;
}
.follow-relay {
width: 70%;
margin-right: 5px;
input {
width: 100%;
}
}
.follow-relay-container {
display: flex;
justify-content: space-between;
}
.input-container {
width: 100%;
.el-form-item {
@ -295,6 +319,9 @@
width: 40%;
margin-right: 4px
}
.relays-container {
margin: 0 10px;
}
.replacement-input {
width: 60%;
margin-left: 4px;