Browse Source

调整顶栏样式

Shinohara Haruna 5 months ago
parent
commit
9a540940da
1 changed files with 4 additions and 7 deletions
  1. 4 7
      smsb-plus-ui/src/layout/components/Navbar.vue

+ 4 - 7
smsb-plus-ui/src/layout/components/Navbar.vue

@@ -11,12 +11,11 @@
       <div class="right-menu flex align-center">
         <template v-if="appStore.device !== 'mobile'">
           <span v-if="userId === 1 && tenantEnabled && companyName" class="navbar-tenant-name" @click="openTenantDialog"
-            style="cursor: pointer; display: inline-block; margin-right: 12px; color: #fff; font-size: 15px">
+            style="cursor: pointer; display: inline-block; margin-right: 12px; color: #fff">
             <svg-icon icon-class="company" style="margin-right: 4px; vertical-align: middle" />
             <span style="vertical-align: middle">{{
               tenantList.find((t) => String(t.tenantId) === String(companyName))?.companyName || companyName
               }}</span>
-            <el-icon style="margin-left: 2px; vertical-align: middle"><caret-bottom /></el-icon>
           </span>
           <el-dialog v-model="showTenantDialog" :title="$t('navbar.selectTenant')" width="800px" append-to-body>
             <el-table :data="tenantList" style="width: 100%; margin-bottom: 12px" height="320"
@@ -97,10 +96,8 @@
                   text-overflow: ellipsis;
                   white-space: nowrap;
                   color: #fff;
-                  font-size: 16px;
                   margin-left: 1rem;
                 ">{{ userStore.nickname }}</span>
-              <el-icon style="vertical-align: middle"><caret-bottom /></el-icon>
             </div>
             <template #dropdown>
               <el-dropdown-menu>
@@ -380,7 +377,7 @@ watch(
       margin-right: 40px;
 
       .avatar-wrapper {
-        margin-top: 5px;
+        // margin-top: 5px;
         position: relative;
 
         .user-avatar {
@@ -388,7 +385,7 @@ watch(
           width: 40px;
           height: 40px;
           border-radius: 10px;
-          margin-top: 10px;
+          // margin-top: 10px;
         }
 
         i {
@@ -396,7 +393,7 @@ watch(
           position: absolute;
           right: -20px;
           top: 4px;
-          font-size: 12px;
+          // font-size: 12px;
         }
       }
     }