doc(Pre): add Height parameter (#7713)

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Components/Pre.razor

@@ -1,12 +1,12 @@
-@inherits WebSiteModuleComponentBase
+@inherits WebSiteModuleComponentBase
 @attribute [JSModuleAutoLoader("Components/Pre.razor.js")]
 @inject IOptions<WebsiteOptions> WebsiteOption
 
 <div @attributes="@AdditionalAttributes" class="@ClassString" id="@Id" data-bb-title="@CopiedText">
     <p class="loading">@LoadingText</p>
     @if (Loaded)
     {
-        <pre class="scroll"><code>@ChildContent</code></pre>
+        <pre class="scroll" style="@StyleString"><code>@ChildContent</code></pre>
         @if (CanCopy)
         {
             @if (ShowToolbar)

src/BootstrapBlazor.Server/Components/Components/Pre.razor.cs

@@ -1,4 +1,4 @@
-// Licensed to the .NET Foundation under one or more agreements.
+// 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(argo@live.ca) Website: https://www.blazor.zone
@@ -53,6 +53,12 @@ public partial class Pre
     [Parameter]
     public bool ShowToolbar { get; set; }
 
+    /// <summary>
+    /// 获得/设置 组件高度 默认 null 不设置高度
+    /// </summary>
+    [Parameter]
+    public string? Height { get; set; }
+
     [Inject]
     [NotNull]
     private IStringLocalizer<Pre>? Localizer { get; set; }
@@ -67,6 +73,12 @@ public partial class Pre
 
     private string? CopiedText { get; set; }
 
+    private string? StyleString => CssBuilder.Default()
+        .AddClass($"height: {Height};", !string.IsNullOrEmpty(Height))
+        .AddClass("max-height: 260px;", string.IsNullOrEmpty(Height))
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>

src/BootstrapBlazor.Server/Components/Components/Pre.razor.css

@@ -1,4 +1,4 @@
-.pre-code {
+.pre-code {
     position: relative;
     border: 1px solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
@@ -22,7 +22,6 @@
     .pre-code > pre {
         color: #e83e8c;
         margin-bottom: 0;
-        max-height: 260px;
     }
 
 ::deep .btn-group {