diff --git a/src/layout/example/AntDesign.ProLayout.Wasm/Shared/ProLayout.razor b/src/layout/example/AntDesign.ProLayout.Wasm/Shared/ProLayout.razor index 1af72f2..744d1f2 100644 --- a/src/layout/example/AntDesign.ProLayout.Wasm/Shared/ProLayout.razor +++ b/src/layout/example/AntDesign.ProLayout.Wasm/Shared/ProLayout.razor @@ -4,6 +4,7 @@ Logo="@("logo.png")" MenuData="MenuData" Theme="MenuTheme.Light" + FoldedSiderWidth="80" MenuAccordion BaseURL="" @bind-OpenKeys="openKeys" diff --git a/src/layout/src/BasicLayout.razor b/src/layout/src/BasicLayout.razor index fae19ae..33456eb 100644 --- a/src/layout/src/BasicLayout.razor +++ b/src/layout/src/BasicLayout.razor @@ -20,6 +20,7 @@ Logo="Logo" BaseURL="@BaseURL" SiderWidth="SiderWidth" + FoldedSiderWidth="FoldedSiderWidth" Accordion="MenuAccordion" OnCollapse="HandleCollapse" OpenKeysChanged="OpenKeysChanged" diff --git a/src/layout/src/SiderMenu/SiderMenu.razor b/src/layout/src/SiderMenu/SiderMenu.razor index 465701c..97e975a 100644 --- a/src/layout/src/SiderMenu/SiderMenu.razor +++ b/src/layout/src/SiderMenu/SiderMenu.razor @@ -3,7 +3,7 @@ Logo { get; } int SiderWidth { get; } + RenderFragment MenuExtraRender { get; } RenderFragment CollapsedButtonRender { get; } BreakpointType Breakpoint { get; } @@ -37,6 +38,7 @@ public partial class SiderMenu : ISiderMenu [Parameter] public OneOf Logo { get; set; } [Parameter] public string BaseURL { get; set; } = ""; [Parameter] public int SiderWidth { get; set; } = 208; + [Parameter] public int FoldedSiderWidth { get; set; } = 48; [Parameter] public BreakpointType Breakpoint { get; set; } = BreakpointType.Lg; [Parameter] public bool Hide { get; set; } [Parameter] public List Links { get; set; } diff --git a/src/layout/src/SiderMenu/SiderMenuWrapper.razor.less b/src/layout/src/SiderMenu/SiderMenuWrapper.razor.less index 60c0f02..6d59bea 100644 --- a/src/layout/src/SiderMenu/SiderMenuWrapper.razor.less +++ b/src/layout/src/SiderMenu/SiderMenuWrapper.razor.less @@ -278,3 +278,17 @@ opacity: 1; } } + +@{ant-prefix}-menu-inline-collapsed { + .@{ant-prefix}-menu-item { + padding: 0 16px !important; + text-align: center; + width: 100%; + } + + .@{ant-prefix}-menu-submenu-title { + padding: 0 16px !important; + text-align: center; + width: 100%; + } +}