From 8b7c62a291754c4e10433eaa227f674feeffc876 Mon Sep 17 00:00:00 2001
From: zyh <zhuyanheng@geedgenetworks.com>
Date: Wed, 17 Jan 2024 10:52:37 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-3379=20fix:terminal=20=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/assets/css/common.scss      | 34 +++++++++++++++++--
 .../src/components/layout/header.vue          |  6 ++--
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/nezha-fronted/src/assets/css/common.scss b/nezha-fronted/src/assets/css/common.scss
index 3dbeb4c59..562f9bacb 100644
--- a/nezha-fronted/src/assets/css/common.scss
+++ b/nezha-fronted/src/assets/css/common.scss
@@ -171,6 +171,34 @@
   text-transform: capitalize;
 }
 
+.personal-dropdown {
+  border-bottom: 1px solid $--border-color-light;
+  padding: 0 20px;
+  .personal-dropdown__username {
+    max-width: 109px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    vertical-align: middle;
+    font-family: Roboto-Regular;
+    font-size: 15px;
+    color: $--color-text-primary;
+    font-weight: 400;
+  }
+  .personal-dropdown__name {
+    max-width: 109px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    vertical-align: middle;
+    font-family: Roboto-Regular;
+    font-size: 14px;
+    color: $--color-text-secondary;
+    font-weight: 400;
+    padding-bottom: 10px;
+  }
+}
+
 .personal-dropdown-menu{
   margin-top: 14px !important;
   width: 240px;
@@ -183,9 +211,9 @@
     font-size: 14px;
     color: $--color-text-regular;
   }
-  .personal-dropdown {
+  .personal-nameBox {
     padding: 8px 12px;
-    .personal-dropdown__username {
+    .personal-name {
       max-width: 216px;
       text-overflow: ellipsis;
       overflow: hidden;
@@ -197,7 +225,7 @@
       font-weight: bold;
       line-height: 20px;
     }
-    .personal-dropdown__name {
+    .personal-username {
       max-width: 216px;
       text-overflow: ellipsis;
       overflow: hidden;
diff --git a/nezha-fronted/src/components/layout/header.vue b/nezha-fronted/src/components/layout/header.vue
index ddfc4219f..ef401269c 100644
--- a/nezha-fronted/src/components/layout/header.vue
+++ b/nezha-fronted/src/components/layout/header.vue
@@ -52,9 +52,9 @@
       <el-dropdown trigger="click">
         <div class="personal-avatar"><span>{{name ? name.substr(0, 1) : ''}}</span>&nbsp;<i class="nz-icon nz-icon-arrow-down"></i></div>
         <el-dropdown-menu slot="dropdown" class="personal-dropdown-menu right-public-box-select-top right-public-box-dropdown-top">
-          <div class="personal-dropdown">
-            <div class="personal-dropdown__username" :title="name">{{name}}</div>
-            <div class="personal-dropdown__name" :title="username">@{{username}}</div>
+          <div class="personal-nameBox">
+            <div class="personal-name" :title="name">{{name}}</div>
+            <div class="personal-username" :title="username">@{{username}}</div>
           </div>
           <div class="item-divide"></div>
           <el-dropdown-item>