diff --git a/src/layout/components/NavHeader/Organization.vue b/src/layout/components/NavHeader/Organization.vue index 10bb39f60..e12fab6fc 100644 --- a/src/layout/components/NavHeader/Organization.vue +++ b/src/layout/components/NavHeader/Organization.vue @@ -132,8 +132,8 @@ $height: 28px; ::v-deep .el-input { .el-input__inner { - height: 30px; - line-height: 30px; + height: 28px; + line-height: 28px; background: none; border: none; padding-left: 20px; @@ -150,6 +150,8 @@ $height: 28px; .el-select-dropdown.switch-org { border-radius: 4px; + left: 220px !important; + max-width: 400px; .option-group { padding-right: 8px; diff --git a/src/layout/components/NavHeader/index.vue b/src/layout/components/NavHeader/index.vue index 12d0b4a63..ce4011292 100644 --- a/src/layout/components/NavHeader/index.vue +++ b/src/layout/components/NavHeader/index.vue @@ -182,9 +182,9 @@ export default { .organization { display: flex; align-items: center; - line-height: 30px; - padding: 0 10px 0 15px !important; - border-radius: 5px; + line-height: 28px; + padding: 0 0 0 15px !important; + border-radius: 3px; background-color: rgba(255, 255, 255, .15); color: #fff; font-weight: 600; diff --git a/src/styles/index.scss b/src/styles/index.scss index 6f09701e5..8bd4cd0d4 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -218,15 +218,16 @@ input[type=file] { @media screen and (max-width: 992px) { .el-select-dropdown.switch-org { - left: 0!important; - width: 100vw!important; + left: 0 !important; + width: 350px; } } -.el-popper.switch-org { - border-radius: 5px; - left: 220px !important; - max-width: 400px; +@media screen and (min-width: 992px) { + .el-select-dropdown.switch-org { + left: 220px !important; + max-width: 400px; + } } // 步骤条