Fix styles for proxy url input

This commit is contained in:
Angelina Filippova 2019-12-20 21:13:28 +03:00
parent a80374838f
commit eae9283aa1
2 changed files with 8 additions and 3 deletions

View file

@ -3,12 +3,12 @@
<el-input <el-input
:value="data.host" :value="data.host"
placeholder="host (e.g. localhost or 127.0.0.1)" placeholder="host (e.g. localhost or 127.0.0.1)"
class="value-input" class="proxy-url-value-input"
@input="updateProxyUrl($event, 'host')"/> : @input="updateProxyUrl($event, 'host')"/> :
<el-input <el-input
:value="data.port" :value="data.port"
placeholder="port (e.g 9020 or 3090)" placeholder="port (e.g 9020 or 3090)"
class="value-input" class="proxy-url-value-input"
@input="updateProxyUrl($event, 'port')"/> @input="updateProxyUrl($event, 'port')"/>
<el-checkbox :value="data.socks5" class="name-input" @change="updateProxyUrl($event, 'socks5')">Socks5</el-checkbox> <el-checkbox :value="data.socks5" class="name-input" @change="updateProxyUrl($event, 'socks5')">Socks5</el-checkbox>
</div> </div>

View file

@ -119,6 +119,11 @@
width: 20%; width: 20%;
margin-right: 8px margin-right: 8px
} }
.proxy-url-value-input {
width: 35%;
margin-left: 8px;
margin-right: 10px
}
.setting-input { .setting-input {
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 10px;
@ -147,7 +152,7 @@
align-items: baseline; align-items: baseline;
} }
.value-input { .value-input {
width: 35%; width: 70%;
margin-left: 8px; margin-left: 8px;
margin-right: 10px margin-right: 10px
} }