by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: long text style in sidemenu. fixed #4749 (#4770)

Browse Source
This commit is contained in:
Netfan 2024-10-30 21:43:41 +08:00 committed by GitHub
parent c2d59dea69
commit 353e8be289
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/@core/ui-kit/menu-ui/src/components/menu.vue
View File

@ -718,6 +718,10 @@ $namespace: vben;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: var(--menu-item-height); height: var(--menu-item-height);
span {
@include menu-title;
}
} }
&.is-collapse-show-title { &.is-collapse-show-title {

8
packages/@core/ui-kit/menu-ui/src/sub-menu.vue
View File

@ -42,7 +42,9 @@ const hasChildren = computed(() => {
:icon="menu.icon" :icon="menu.icon"
:path="menu.path" :path="menu.path"
> >
<template #title>{{ menu.name }}</template> <template #title>
<span>{{ menu.name }}</span>
</template>
</MenuItem> </MenuItem>
<SubMenuComp <SubMenuComp
v-else v-else
@ -59,7 +61,9 @@ const hasChildren = computed(() => {
class="right-6" class="right-6"
/> />
</template> </template>
<template #title>{{ menu.name }}</template> <template #title>
<span>{{ menu.name }}</span>
</template>
<template v-for="childItem in menu.children || []" :key="childItem.path"> <template v-for="childItem in menu.children || []" :key="childItem.path">
<SubMenu :menu="childItem" /> <SubMenu :menu="childItem" />
</template> </template>