gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-19 00:09:16 +08:00
Code

feat: Break long menu items into multiple lines (#7665)

Browse Source
This commit is contained in:
蘭 2025-01-08 11:31:36 +08:00 committed by GitHub
parent 8922395fdc
commit 8d69da7702
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/layout/components/Sidebar/index.vue
View File

@ -18,6 +18,7 @@
:collapse-transition="false"
:unique-opened="true"
@select="handleMenuClick"
class="custom-menu"
>
<SubItem :menuList="routerMenus" />
<el-menu-item :index="''">
@ -168,7 +169,7 @@ const search = async () => {
rstMenuList.push(menuItem);
} else {
menuItem.children.forEach((child: any) => {
if (child.hidden == undefined || child.hidden == false) {
if (!child.hidden) {
menuChildren.push(child);
}
});
@ -193,6 +194,13 @@ onMounted(() => {
<style lang="scss">
@import './index.scss';
.custom-menu .el-menu-item {
white-space: normal !important;
word-break: break-word;
overflow-wrap: break-word;
line-height: normal;
}
.sidebar-container {
position: relative;
display: flex;