doc(MeiliSearch): update package for style (#4719)

* style: 更新搜索栏样式

* chore: 更新搜索栏依赖包

Author: ArgoZhang

src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj

@@ -48,7 +48,7 @@
     <PackageReference Include="BootstrapBlazor.Markdown" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.MaterialDesign" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.MaterialDesign.Extensions" Version="9.0.0" />
-    <PackageReference Include="BootstrapBlazor.MeiliSearch" Version="9.0.1-beta05" />
+    <PackageReference Include="BootstrapBlazor.MeiliSearch" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.Mermaid" Version="9.0.1-beta01" />
     <PackageReference Include="BootstrapBlazor.Middleware" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.MindMap" Version="9.0.0" />

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

@@ -25,12 +25,6 @@
     margin-top: 2px;
 }
 
-::deep .bb-g-search {
-    --bb-global-search-item-active-bg: rgba(var(--bb-primary-color-rgb), 0.5);
-    --bb-global-search-item-hover-bg: rgba(var(--bb-primary-color-rgb), 0.4);
-    --bb-global-search-dialog-input-focus-border-color: var(--bb-primary-color);
-}
-
 .btn-bd-download {
     font-weight: 600;
     color: var(--bb-bd-download-color);

src/BootstrapBlazor.Server/wwwroot/css/site.css

@@ -36,9 +36,15 @@
     --bb-main-pading: 1rem;
     --bb-sidebar-body-hover-bg: rgba(175, 184, 193, 0.2);
     --bb-sidebar-body-drag-hover-bg: rgb(9, 105, 218);
+    --bb-code-bg: #e9ecef;
+}
+
+html .search-dialog-mask {
     --bb-global-search-placeholder-color: #a88dbc;
     --bb-global-search-item-bg: #6522cc;
-    --bb-code-bg: #e9ecef;
+    --bb-global-search-item-active-bg: rgba(var(--bb-primary-color-rgb), 0.5);
+    --bb-global-search-item-hover-bg: rgba(var(--bb-primary-color-rgb), 0.4);
+    --bb-global-search-dialog-input-focus-border-color: var(--bb-primary-color);
 }
 
 .navbar {