diff --git a/src/views/settings/index.vue b/src/views/settings/index.vue index 1e5c25e9..d13dbe81 100644 --- a/src/views/settings/index.vue +++ b/src/views/settings/index.vue @@ -141,4 +141,10 @@ export default { margin: 22px 0 0 15px; } } + @media only screen and (min-width: 1824px) { + .settings-container { + max-width: 1600px; + margin: auto; + } + } diff --git a/src/views/settings/styles/main.scss b/src/views/settings/styles/main.scss index d0594549..31580800 100644 --- a/src/views/settings/styles/main.scss +++ b/src/views/settings/styles/main.scss @@ -191,6 +191,15 @@ margin-right: 10px } + @media only screen and (min-width: 1824px) { + .submit-button-container { + max-width: 1413px; + margin-left: auto; + margin-right: auto; + right: auto; + } + } + @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { .el-form-item { @@ -212,8 +221,8 @@ overflow: hidden; } .name-input { - width: 40%; - margin-right: 5px + width: 40%; + margin-right: 5px } p.expl { line-height: 20px;