style: 修复高级搜多个尺寸的样式

This commit is contained in:
q4speed 2020-07-14 11:42:48 +08:00
parent e052927cda
commit f19eb2e3dd
2 changed files with 6 additions and 7 deletions

View File

@ -81,25 +81,25 @@
</script> </script>
<style> <style>
@media only screen and (min-width: 1800px) { @media only screen and (min-width: 1870px) {
.el-dialog.adv-dialog { .el-dialog.adv-dialog {
width: 70%; width: 70%;
} }
} }
@media only screen and (min-width: 1560px) and (max-width: 1799px) { @media only screen and (min-width: 1650px) and (max-width: 1869px) {
.el-dialog.adv-dialog { .el-dialog.adv-dialog {
width: 80%; width: 80%;
} }
} }
@media only screen and (min-width: 1400px) and (max-width: 1559px) { @media only screen and (min-width: 1470px) and (max-width: 1649px) {
.el-dialog.adv-dialog { .el-dialog.adv-dialog {
width: 90%; width: 90%;
} }
} }
@media only screen and (max-width: 1399px) { @media only screen and (max-width: 1469px) {
.el-dialog.adv-dialog { .el-dialog.adv-dialog {
width: 70%; width: 70%;
min-width: 695px; min-width: 695px;
@ -131,13 +131,13 @@
width: 100%; width: 100%;
} }
@media only screen and (max-width: 1399px) { @media only screen and (max-width: 1469px) {
.search-item { .search-item {
width: 100%; width: 100%;
} }
} }
@media only screen and (min-width: 1400px) { @media only screen and (min-width: 1470px) {
.search-item { .search-item {
width: 50%; width: 50%;
} }

View File

@ -71,7 +71,6 @@
display: inline-block; display: inline-block;
padding: 0 5px 0 10px; padding: 0 5px 0 10px;
width: calc(100% - 240px); width: calc(100% - 240px);
min-width: 400px;
box-sizing: border-box; box-sizing: border-box;
} }
</style> </style>