From 0e1dca7bb0879690bc2ac54b29e914dfd3149e34 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Fri, 29 Nov 2024 14:11:35 +0800
Subject: [PATCH] fix(Layout): update width style for layout (#4759)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* style: 更新样式

* doc: 更新样式

* chore: bump version 9.0.2-beta06
---
 .../Components/Samples/Layouts.razor.css                      | 4 +++-
 src/BootstrapBlazor/BootstrapBlazor.csproj                    | 2 +-
 src/BootstrapBlazor/Components/Layout/Layout.razor.scss       | 4 +++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor.css b/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor.css
index 11ee0f58b52..3b87da63dce 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Samples/Layouts.razor.css
@@ -24,7 +24,9 @@
 
     .layout-demo ::deep .layout-footer div {
         text-align: center;
-        flex: 1;
+        flex: 1 1 auto;
+        width: 1%;
+        min-width: 0;
     }
 
 .layout-demo ::deep .layout-side {
diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj
index 41093d9b4be..1269bb4861d 100644
--- a/src/BootstrapBlazor/BootstrapBlazor.csproj
+++ b/src/BootstrapBlazor/BootstrapBlazor.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.0.2-beta05</Version>
+    <Version>9.0.2-beta06</Version>
   </PropertyGroup>
 
   <ItemGroup>
diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
index 0b2e64beaf8..5bbba8f84f4 100644
--- a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
+++ b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
@@ -263,7 +263,9 @@
         .layout-right {
             display: flex;
             flex-flow: column;
-            flex: 1;
+            flex: 1 1 auto;
+            width: 1%;
+            min-width: 0;
         }
 
         &.has-sidebar {