fix(SiderMenu): Correct Width for FoldedSider

Author: ElderJames

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"

src/layout/src/BasicLayout.razor

@@ -20,6 +20,7 @@
                             Logo="Logo"
                             BaseURL="@BaseURL"
                             SiderWidth="SiderWidth"
+                            FoldedSiderWidth="FoldedSiderWidth"
                             Accordion="MenuAccordion"
                             OnCollapse="HandleCollapse"
                             OpenKeysChanged="OpenKeysChanged"

src/layout/src/SiderMenu/SiderMenu.razor

@@ -1,9 +1,28 @@
 @namespace AntDesign.ProLayout
 @inherits AntProComponentBase
+<style>
+    .ant-pro-sider .ant-menu-inline-collapsed .ant-menu-submenu-title
+    Specificity: (0,3,0) {
+        padding: 0 16px !important;
+        width: 100%;
+    }
+    .ant-pro-sider .ant-menu-inline-collapsed .ant-menu-item 
+    {
+        padding: 0 16px !important;
+        text-align: center;
+        width: 100%;
+    }
+    .ant-pro-sider .ant-menu-inline-collapsed .ant-menu-submenu-title {
+        padding: 0 16px !important;
+        text-align: center;
+        width:100%;
+    }
+</style>
+
 <Sider
     Collapsible="false"
     Collapsed="Collapsed"
-    CollapsedWidth="48"
+    CollapsedWidth="FoldedSiderWidth"
     Style="@SiderStyle"
     Width="SiderWidth"
     Theme="SiderTheme"
@@ -39,7 +58,7 @@
             OnMenuItemClicked="OnMenuItemClicked"
             SelectedKeys="SelectedKeys"
             SelectedKeysChanged="SelectedKeysChanged"
-            Style="@("width: '100%'")" />
+            Style="@("width: 100%")" />
     </div>
 
     <!--menu-->

src/layout/src/SiderMenu/SiderMenu.razor.cs

@@ -11,6 +11,7 @@ internal interface ISiderMenu : IBaseMenu
     {
         OneOf<string, RenderFragment> Logo { get; }
         int SiderWidth { get; }
+
         RenderFragment MenuExtraRender { get; }
         RenderFragment<bool> CollapsedButtonRender { get; }
         BreakpointType Breakpoint { get; }
@@ -37,6 +38,7 @@ public partial class SiderMenu : ISiderMenu
         [Parameter] public OneOf<string, RenderFragment> 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<RenderFragment> Links { get; set; }