From f43d1af6a796e214b7cb2e541928edd1b2e63328 Mon Sep 17 00:00:00 2001 From: jialin Date: Thu, 10 Jul 2025 15:23:47 +0800 Subject: [PATCH] fix(style): menu item text wrap --- src/layouts/sider-menu.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/layouts/sider-menu.tsx b/src/layouts/sider-menu.tsx index db5ad6c9..44823d56 100644 --- a/src/layouts/sider-menu.tsx +++ b/src/layouts/sider-menu.tsx @@ -39,6 +39,7 @@ const useStyles = createStyles(({ css, token }) => { align-items: center; gap: 8px; cursor: pointer; + white-space: nowrap; padding: var(--ant-padding-xs) var(--ant-padding); font-size: 12px; padding-bottom: 4px; @@ -82,6 +83,7 @@ const useStyles = createStyles(({ css, token }) => { padding-inline: calc(var(--ant-font-size) * 2) var(--ant-padding); padding-left: 16px; overflow: hidden; + white-space: nowrap; height: ${Menu.itemHeight}px; line-height: ${Menu.itemHeight}px; color: var(--ant-color-text-secondary);