style: 修改头像显示不居中bug

src/views/Booking/src/components/BookingDetail/src/components/EmailView.vue

@@ -296,7 +296,6 @@ const sendEmail = () => {
       align-items: center;
       width: 24px;
       height: 24px;
-      padding-top: 5px;
       text-align: center;
       border-radius: 50%;
       background-color: var(--color-theme);

src/views/Layout/src/components/Header/HeaderView.vue

@@ -184,7 +184,7 @@ const handleLogin = () => {
         </div>
         <template #reference>
           <div class="header-avatar" v-if="userStore.username && userStore.isFirstLogin !== true">
-            <span style="">{{ userStore.username?.slice(0, 1) }}</span>
+            <div>{{ userStore.username?.slice(0, 1) }}</div>
           </div>
         </template>
       </el-popover>
@@ -214,19 +214,17 @@ const handleLogin = () => {
 
 <style lang="scss" scoped>
 .header-avatar {
-  display: flex;
-  align-items: center;
-  justify-content: center;
   width: 24px;
   height: 24px;
-  padding: 2px;
   text-align: center;
   border-radius: 50%;
   background-color: var(--color-theme);
   cursor: pointer;
-  & > span {
-    display: block;
-    height: 16px;
+  & > div {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 24px;
     color: #fff;
     font-size: 16px;
     font-weight: 700;
@@ -281,7 +279,6 @@ div.el-popover.el-popper.user-config-popover {
       justify-content: center;
       width: 48px;
       height: 48px;
-      padding-top: 7px;
       border-radius: 50%;
       text-align: center;
       background-color: var(--color-theme);

src/views/Tracking/src/components/TrackingDetail/src/components/EmailDrawer.vue

@@ -301,7 +301,6 @@ const sendEmail = () => {
       align-items: center;
       width: 24px;
       height: 24px;
-      padding-top: 5px;
       text-align: center;
       border-radius: 50%;
       background-color: var(--color-theme);