fix(sidebar): popper文字显示颜色

package.json

@@ -28,7 +28,6 @@
     "pinia": "^3.0.2",
     "tailwindcss": "^4.1.8",
     "tinymce": "^7.9.1",
-    "tippy.js": "^6.3.7",
     "vue": "^3.5.16",
     "vue-i18n": "^11.1.5",
     "vue-router": "^4.5.1",

pnpm-lock.yaml

@@ -44,9 +44,6 @@ importers:
       tinymce:
         specifier: ^7.9.1
         version: 7.9.1
-      tippy.js:
-        specifier: ^6.3.7
-        version: 6.3.7
       vue:
         specifier: ^3.5.16
         version: 3.5.16(typescript@5.8.3)

src/layout/components/sidebar/sidebar.vue

@@ -43,7 +43,7 @@ function handleMenuItemClick(menuInfo: MenuOption) {
     <div class="flex-1">
       <el-scrollbar>
         <el-menu
-          :popper-offset="3"
+          :popper-offset="6"
           :default-active="menuValue"
           :collapse="designSettingStore.isMenuCollapse"
           class="!border-none"
@@ -75,13 +75,10 @@ function handleMenuItemClick(menuInfo: MenuOption) {
                 <template #title>
                   <EllipsisTooltipText
                     class="z-1"
-                    :class="
-                      menuValue === menuInfo.key ? '!text-(--el-menu-active-color)' : 'text-(--el-text-color-primary)'
-                    "
+                    :class="menuValue === menuInfo.key ? '!text-(--el-menu-active-color)' : ''"
                   >
                     {{ menuInfo.label }}
                   </EllipsisTooltipText>
-                  <!-- <el-text class="z-1 !text-(--el-menu-active-color)" truncated></el-text> -->
                 </template>
               </el-menu-item>
             </template>
@@ -132,11 +129,7 @@ function handleMenuItemClick(menuInfo: MenuOption) {
                     <template #title>
                       <EllipsisTooltipText
                         class="z-1"
-                        :class="
-                          menuValue === menuChildInfo.key
-                            ? '!text-(--el-menu-active-color)'
-                            : 'text-(--el-text-color-primary)'
-                        "
+                        :class="menuValue === menuChildInfo.key ? '!text-(--el-menu-active-color)' : ''"
                       >
                         {{ menuChildInfo.label }}
                       </EllipsisTooltipText>