Adapt settings styles to wide screens

This commit is contained in:
Angelina Filippova 2020-01-30 17:36:35 +03:00
parent 0b5f3fb4b1
commit 7e5ba29030
2 changed files with 17 additions and 2 deletions

View file

@ -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;
}
}
</style>

View file

@ -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;