Improved the inner content scrolling to use the entire space available (#263)

app/MindWork AI Studio/Components/InnerScrolling.razor.cs

@@ -9,14 +9,6 @@ public partial class InnerScrolling : MSGComponentBase
     [Parameter]
     public bool FillEntireHorizontalSpace { get; set; }
     
-    /// <summary>
-    /// Set the height of anything above the scrolling content; usually a header.
-    /// What we do is calc(100vh - HeaderHeight). Means, you can use multiple measures like
-    /// 230px - 3em. Default is 3em.
-    /// </summary>
-    [Parameter]
-    public string HeaderHeight { get; set; } = "3em";
-    
     [Parameter]
     public RenderFragment? HeaderContent { get; set; }
     
@@ -34,6 +26,9 @@ public partial class InnerScrolling : MSGComponentBase
     
     [Parameter]
     public string? MinWidth { get; set; }
+
+    [Parameter]
+    public string Style { get; set; } = string.Empty;
     
     [CascadingParameter]
     private MainLayout MainLayout { get; set; } = null!;
@@ -74,12 +69,14 @@ public partial class InnerScrolling : MSGComponentBase
 
     #endregion
 
-    private string MinWidthStyle => string.IsNullOrWhiteSpace(this.MinWidth) ? string.Empty : $"min-width: {this.MinWidth};";
+    private string MinWidthStyle => string.IsNullOrWhiteSpace(this.MinWidth) ? string.Empty : $"min-width: {this.MinWidth}; ";
+    
+    private string TerminatedStyles => string.IsNullOrWhiteSpace(this.Style) ? string.Empty : $"{this.Style}; ";
     
-    private string Styles => this.FillEntireHorizontalSpace ? $"height: calc(100vh - {this.HeaderHeight} - {this.MainLayout.AdditionalHeight}); overflow-x: auto; min-width: 0; {this.MinWidthStyle}" : $"height: calc(100vh - {this.HeaderHeight} - {this.MainLayout.AdditionalHeight}); flex-shrink: 0; {this.MinWidthStyle}";
-
     private string Classes => this.FillEntireHorizontalSpace ? $"{this.Class} d-flex flex-column flex-grow-1" : $"{this.Class} d-flex flex-column";
     
+    private string Styles => $"flex-grow: 1; overflow: hidden; {this.TerminatedStyles}{this.MinWidthStyle}";
+    
     public async Task ScrollToBottom()
     {
         await this.AnchorAfterChildContent.ScrollIntoViewAsync(this.JsRuntime);