refactor: 调整样式

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor

@@ -67,7 +67,7 @@
             <div class="bc-qr-content">
                 @if (!string.IsNullOrEmpty(_content))
                 {
-                    <QRCode Content="@_content"></QRCode>
+                    <QRCode Content="@_content" Width="256"></QRCode>
                 }
             </div>
         </div>

src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.css

@@ -17,3 +17,12 @@
         background-color: var(--bb-primary-color);
         color: var(--bs-white);
     }
+
+.bc-qr-content {
+    border: 2px solid var(--bb-primary-color);
+    border-radius: var(--bs-border-radius);
+    padding: .25rem;
+    display: flex;
+    height: calc(256px + .5rem + 4px);
+    width: calc(256px + .5rem + 4px);
+}

src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/TextContent.cs

@@ -15,4 +15,10 @@ public class TextContent
     /// </summary>
     [Required]
     public string? Content { get; set; }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    public override string? ToString() => Content;
 }