fix(FileIcon): missing svg widht/height (#4483)

* fix: 更新 Icon 组件变量

* chore: bump version 8.10.4-beta02

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>8.10.4-beta01</Version>
+    <Version>8.10.4-beta02</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/FileIcon/FileIcon.razor.scss

@@ -1,25 +1,25 @@
 .file-icon {
-    --bb-icon-width: #{$bb-icon-width};
-    --bb-icon-height: #{$bb-icon-height};
-    --bb-icon-padding-left: #{$bb-icon-padding-left};
-    --bb-icon-badge-bottom: #{$bb-icon-badge-bottom};
-    --bb-icon-path-fill-color: #{$bb-icon-path-fill-color};
-    padding-left: var(--bb-icon-padding-left);
+    --bb-file-icon-width: #{$bb-file-icon-width};
+    --bb-file-icon-height: #{$bb-file-icon-height};
+    --bb-file-icon-padding-left: #{$bb-file-icon-padding-left};
+    --bb-file-icon-badge-bottom: #{$bb-file-icon-badge-bottom};
+    --bb-file-icon-path-fill-color: #{$bb-file-icon-path-fill-color};
+    padding-left: var(--bb-file-icon-padding-left);
     display: inline-block;
     position: relative;
 
     .icon-svg {
-        width: var(--bb-icon-width);
-        height: var(--bb-icon-height);
+        width: var(--bb-file-icon-width);
+        height: var(--bb-file-icon-height);
 
         path {
-            fill: var(--bb-icon-path-fill-color);
+            fill: var(--bb-file-icon-path-fill-color);
         }
     }
 
     .badge {
         position: absolute;
-        bottom: var(--bb-icon-badge-bottom);
+        bottom: var(--bb-file-icon-badge-bottom);
         left: 0;
     }
 }

src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss

@@ -37,6 +37,9 @@ $bb-avatar-icon-font-size: 1.4rem;
 // Badge
 $bb-badge-color: #212529;
 
+// BootstrapIcon
+$bb-icon-width: 12px;
+
 // Button
 $bs-btn-font-size: .875rem;
 $bs-btn-focus-box-shadow: none;
@@ -273,11 +276,11 @@ $bb-flip-clock-number-line-bg: rgba(0,0,0,.4);
 $bb-flip-clock-number-line-height: 1px;
 
 // FileIcon
-$bb-icon-width: 42px;
-$bb-icon-height: auto;
-$bb-icon-padding-left: .5rem;
-$bb-icon-badge-bottom: 7px;
-$bb-icon-path-fill-color: #495057;
+$bb-file-icon-width: 42px;
+$bb-file-icon-height: auto;
+$bb-file-icon-padding-left: .5rem;
+$bb-file-icon-badge-bottom: 7px;
+$bb-file-icon-path-fill-color: #495057;
 
 // Filter
 $bb-filter-item-min-width: 220px;
@@ -306,9 +309,6 @@ $bb-groupbox-legend-padding: 0 .5rem;
 $bb-groupbox-legend-left: 1rem;
 $bb-groupbox-legend-top: -10px;
 
-// Icon
-$bb-icon-width: 12px;
-
 // Icon Svg
 $bb-svg-icon-width: 12px;