fix domain add/edit page style issue #19

This commit is contained in:
0xJacky 2022-07-18 00:36:34 +08:00
parent eac9669f0a
commit 1aa4e70c55
5 changed files with 9 additions and 8 deletions

View file

@ -1,6 +1,6 @@
{ {
"name": "nginx-ui-frontend", "name": "nginx-ui-frontend",
"version": "1.4.0", "version": "1.4.1",
"private": true, "private": true,
"scripts": { "scripts": {
"serve": "vue-cli-service serve --port 8021", "serve": "vue-cli-service serve --port 8021",

View file

@ -1,6 +1,6 @@
<template> <template>
<a-card :title="$gettext('Add Site')"> <a-card :title="$gettext('Add Site')">
<div class="container"> <div class="domain-add-container">
<a-steps :current="current_step" size="small"> <a-steps :current="current_step" size="small">
<a-step :title="$gettext('Base information')" /> <a-step :title="$gettext('Base information')" />
<a-step :title="$gettext('Configure SSL')" /> <a-step :title="$gettext('Configure SSL')" />
@ -22,6 +22,7 @@
<p v-if="is_demo" v-translate>This feature is not available in demo.</p> <p v-if="is_demo" v-translate>This feature is not available in demo.</p>
<std-data-entry :data-list="columnsSSL" :data-source="config" :error="error" /> <std-data-entry :data-list="columnsSSL" :data-source="config" :error="error" />
<a-space style="margin-right: 10px"> <a-space style="margin-right: 10px">
<a-button <a-button
v-if="current_step===1" v-if="current_step===1"
@ -169,7 +170,7 @@ export default {
padding: 10px 0 20px 0; padding: 10px 0 20px 0;
} }
.container { .domain-add-container {
max-width: 800px; max-width: 800px;
margin: 0 auto margin: 0 auto
} }

View file

@ -11,7 +11,7 @@
{{ $gettext('Disabled') }} {{ $gettext('Disabled') }}
</a-tag> </a-tag>
</template> </template>
<div class="container"> <div class="domain-edit-container">
<a-form-item :label="$gettext('Enabled')"> <a-form-item :label="$gettext('Enabled')">
<a-switch v-model="enabled" @change="checked=>{checked?enable():disable()}"/> <a-switch v-model="enabled" @change="checked=>{checked?enable():disable()}"/>
</a-form-item> </a-form-item>
@ -281,7 +281,8 @@ export default {
margin: 10px 0; margin: 10px 0;
} }
} }
.container {
.domain-edit-container {
max-width: 800px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
/deep/.ant-form-item-label > label::after { /deep/.ant-form-item-label > label::after {

View file

@ -29,11 +29,10 @@ export default {
mounted() { mounted() {
this.initTerm() this.initTerm()
}, },
destroyed() { beforeDestroy() {
window.removeEventListener('resize', this.fit) window.removeEventListener('resize', this.fit)
clearInterval(this.ping) clearInterval(this.ping)
this.ping = null this.ping = null
this.term.close()
this.websocket.close() this.websocket.close()
}, },
methods: { methods: {

View file

@ -1 +1 @@
{"version":"1.4.0","build_id":5,"total_build":61} {"version":"1.4.1","build_id":3,"total_build":66}