From e8f395007217a3a3598a29c5a3f8a7f59300e364 Mon Sep 17 00:00:00 2001 From: zhaojisen <1301338853@qq.com> Date: Thu, 16 May 2024 11:11:24 +0800 Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E4=BC=98=E5=8C=96=20organization?= =?UTF-8?q?=20=E7=BB=84=E4=BB=B6=E7=9A=84=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layout/components/NavHeader/Organization.vue | 6 ++++-- src/layout/components/NavHeader/index.vue | 6 +++--- src/styles/index.scss | 13 +++++++------ 3 files changed, 14 insertions(+), 11 deletions(-) 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; + } } // 步骤条