fix(Layout): update width style for layout (#4759)

ArgoZhang · web-flow · commit 0e1dca7bb087 · 2024-11-29T06:11:35.000Z
* style: 更新样式

* doc: 更新样式

* chore: bump version 9.0.2-beta06
diff --git 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
@@ -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
@@ -263,7 +263,9 @@
         .layout-right {
             display: flex;
             flex-flow: column;
-            flex: 1;
+            flex: 1 1 auto;
+            width: 1%;
+            min-width: 0;
         }
 
         &.has-sidebar {

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,9 @@`
`24`	`24`
`25`	`25`	`.layout-demo ::deep .layout-footer div {`
`26`	`26`	`text-align: center;`
`27`		`- flex: 1;`
	`27`	`+ flex: 1 1 auto;`
	`28`	`+ width: 1%;`
	`29`	`+ min-width: 0;`
`28`	`30`	`}`
`29`	`31`
`30`	`32`	`.layout-demo ::deep .layout-side {`