I'm using the Radzen Dialog to display messages and on the web it's great but on mobile it's spanning the whole width I don't appear to be able to control the width. I have grids that are not responsive but I switched to using the dialog as the notifications were off the screen. It doesn't appear to use the Width I set on mobile but it does on desktop, any ideas what I'm doing wrong?
I open it from a common method
_ = await DialogService.OpenAsync("My App",
new Dictionary<string, object>
{
{ "Contentparam", description},
{"Severity",severity.ToString() }
},
new DialogOptions() { ShowTitle = true, Top = "20px",Left= "50px",Width="300px" });
<RadzenCard Style="padding:20px">
<p style="margin-bottom: 10px">@Contentparam</p>
<div class="row">
<div class="col-xs-4 col-md-6 col-sm-4 col-lg-6" style="text-align:center">
<RadzenButton Click="@((args) => dialogService.Close(true))" Text="OK" Style="width:50px; padding-left:unset; padding-right:unset" />
</div>
</div>
@code {
[Parameter] public string Severity { get; set; }
[Parameter] public string Contentparam { get; set; }
}