refactor: 调整标签宽度

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/ShieldBadges.razor

@@ -11,58 +11,58 @@
         <div class="row form-inline g-3">
             <div class="col-12 col-sm-4">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="Icon" Width="96"></BootstrapInputGroupLabel>
+                    <BootstrapInputGroupLabel DisplayText="Icon" Width="106"></BootstrapInputGroupLabel>
                     <BootstrapInput @bind-Value="@_icon"></BootstrapInput>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-4">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="IconColor" Width="96"></BootstrapInputGroupLabel>
+                    <BootstrapInputGroupLabel DisplayText="IconColor" Width="106"></BootstrapInputGroupLabel>
                     <ColorPicker @bind-Value="@_iconColor"></ColorPicker>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-4">
             </div>
             <div class="col-12 col-sm-4">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="Label" Width="96"></BootstrapInputGroupLabel>
+                    <BootstrapInputGroupLabel DisplayText="Label" Width="106"></BootstrapInputGroupLabel>
                     <BootstrapInput @bind-Value="@_label"></BootstrapInput>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-4">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="LabelColor" Width="96"></BootstrapInputGroupLabel>
+                    <BootstrapInputGroupLabel DisplayText="LabelColor" Width="106"></BootstrapInputGroupLabel>
                     <ColorPicker @bind-Value="@_labelColor"></ColorPicker>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-4">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="LabelBgColor" Width="96"></BootstrapInputGroupLabel>
+                    <BootstrapInputGroupLabel DisplayText="LabelBgColor" Width="106"></BootstrapInputGroupLabel>
                     <ColorPicker @bind-Value="@_labelBackgroundColor"></ColorPicker>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-4">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="Text" Width="96"></BootstrapInputGroupLabel>
+                    <BootstrapInputGroupLabel DisplayText="Text" Width="106"></BootstrapInputGroupLabel>
                     <BootstrapInput @bind-Value="@_text"></BootstrapInput>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-4">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="TextColor" Width="96"></BootstrapInputGroupLabel>
+                    <BootstrapInputGroupLabel DisplayText="TextColor" Width="106"></BootstrapInputGroupLabel>
                     <ColorPicker @bind-Value="@_textColor"></ColorPicker>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-4">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="TextBgColor" Width="96"></BootstrapInputGroupLabel>
+                    <BootstrapInputGroupLabel DisplayText="TextBgColor" Width="106"></BootstrapInputGroupLabel>
                     <ColorPicker @bind-Value="@_textBackgroundColor"></ColorPicker>
                 </BootstrapInputGroup>
             </div>
             <div class="col-12 col-sm-4">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="Radius" Width="96"></BootstrapInputGroupLabel>
-                    <Slider @bind-Value="@_radius" Min="0" Max="10"></Slider>
+                    <BootstrapInputGroupLabel DisplayText="Radius" Width="106"></BootstrapInputGroupLabel>
+                    <Slider @bind-Value="@_radius" Min="0" Max="10" Step="1"></Slider>
                 </BootstrapInputGroup>
             </div>
         </div>