Hey there, I'm currently working on setting up a MudBlazor MudTab panel but I'm facing some challenges in making the tab content occupy 100% of the height.
Below is a code snippet demonstrating the issue:
<div style="height: 50vh; width: 50vw; padding: 5px; border: 2px solid blue;">
<MudTabs Rounded="true" Centered="true" PanelClass="pa-6" Style="height: 100%; border: 2px solid red;">
<MudTabPanel Text="Messages">
<div style="height: 100%; border: 2px solid green;">
<textarea style="height: 100%; width: 100%;">@Output</textarea>
</div>
</MudTabPanel>
</MudTabs>
</div>
@code {
String Output = String.Format("qqqq \n wwww \n eeee \n rrrr \n tttt");
}
https://i.sstatic.net/GVpig.png
I'm looking for suggestions on how to make the textarea fill up the entire space. Any help would be highly appreciated! :)