!3629 doc(#I66KKR): update css for document

* fix: 修复 main 滚动条过长问题

src/BootstrapBlazor.Shared/Shared/MainLayout.razor.css

@@ -1,6 +1,4 @@
 .main {
-    width: calc(100% - var(--bs-sidebar-width));
-    position: relative;
     padding: 1rem;
 }
 
@@ -81,6 +79,12 @@
     }
 
 @media (min-width: 768px) {
+    .section {
+        display: flex;
+        flex-direction: row;
+        -webkit-font-smoothing: antialiased;
+    }
+
     .sidebar-title {
         display: flex;
     }
@@ -92,8 +96,11 @@
         top: 0;
         border-right: solid 1px #c0c4cc;
         background-color: #f0f0f0;
-        display: flex;
-        flex-direction: column;
         margin-top: calc(var(--bs-header-height)*-1);
     }
+
+    .main {
+        flex: 1;
+        height: 100%;
+    }
 }

src/BootstrapBlazor.Shared/wwwroot/css/site.css

@@ -22,11 +22,6 @@
     margin-right: 1rem;
 }
 
-section {
-    flex-direction: column;
-    -webkit-font-smoothing: antialiased;
-}
-
 .table-container .table tbody tr.highlight,
 .table-container .table-row.highlight {
     background-color: #409eff;
@@ -1305,11 +1300,6 @@ section {
         z-index: 1040;
     }
 
-    .section {
-        flex-direction: row;
-        display: flex;
-    }
-
     .navbar-toggler {
         display: none;
     }