doc(MeiliSearch): add auto close dialog when click empty list (#4903)

* doc: 优化移动端搜索栏宽度

* chore: 更新依赖包

* chore: bump version 9.0.10


Co-authored-by: chengKun <[email protected]>
Co-authored-by: Frost Autumn <[email protected]>

Author: 3 people

src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj

@@ -47,11 +47,11 @@
     <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.8" />
+    <PackageReference Include="BootstrapBlazor.MeiliSearch" Version="9.0.10" />
     <PackageReference Include="BootstrapBlazor.Mermaid" Version="9.0.2" />
     <PackageReference Include="BootstrapBlazor.MindMap" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.MouseFollower" Version="9.0.1" />
-    <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="9.0.0" />
+    <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.PdfReader" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.Player" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.SignaturePad" Version="9.0.0" />

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

@@ -14,7 +14,7 @@
     }
 
     .culture-selector ::deep .select {
-        width: 210px;
+        width: var(--bb-header-select-width);
     }
 
 ::deep .form-control {

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

@@ -63,6 +63,11 @@
         border-radius: var(--bs-border-radius);
     }
 
+::deep .bb-g-search {
+    width: var(--bb-header-select-width);
+    margin-bottom: var(--bb-header-search-margin-bottom);
+}
+
 @media (min-width: 768px) {
     .navbar-header {
         position: sticky;

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

@@ -37,6 +37,8 @@
     --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;
+    --bb-header-select-width: 230px;
+    --bb-header-search-margin-bottom: .5rem;
 }
 
 html .search-dialog-mask {
@@ -302,6 +304,8 @@ code {
 @media (min-width: 768px) {
     :root {
         --bs-header-height: 50px;
+        --bb-header-select-width: 130px;
+        --bb-header-search-margin-bottom: 0;
     }
 
     .header-img span {