refactor: 增加 IconLayout 母版页

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Layout/IconLayout.razor

@@ -0,0 +1,4 @@
+@inherits LayoutComponentBase
+@layout MainLayout
+
+@Body

src/BootstrapBlazor.Server/Components/Layout/IconLayout.razor.cs

@@ -0,0 +1,14 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
+
+namespace BootstrapBlazor.Server.Components.Layout;
+
+/// <summary>
+/// Icon Layout Component
+/// </summary>
+public partial class IconLayout
+{
+
+}

src/BootstrapBlazor.Server/Components/Samples/Icons/UniverIconList.razor

@@ -22,4 +22,6 @@
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>
 
-<UniverIconList></UniverIconList>
+<div class="icon-list">
+    <UniverIconList></UniverIconList>
+</div>

src/BootstrapBlazor.Server/Components/Samples/Icons/UniverIconList.razor.css

@@ -0,0 +1 @@
+@layout IconLayout

src/BootstrapBlazor.Server/Components/Samples/Icons/UniverIcons.razor

@@ -369,3 +369,24 @@ code {
     --bd-callout-code-color: #e685b5;
     --bd-pre-bg: #1b1f22;
 }
+
+.icon-list {
+    margin-top: 1rem;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+    .icon-list > div {
+        padding: 1rem 30px;
+        border: 1px solid var(--bs-border-color);
+        border-radius: var(--bs-border-radius);
+        margin: 0.25rem;
+        cursor: pointer;
+        transition: background-color .3s linear;
+    }
+
+        .icon-list > div:hover {
+            background-color: var(--bb-primary-color);
+            color: #fff;
+        }