Added automatic ModalSize which sizes the modal based on the componen…

…t being rendered (#464)

docs/docs/configuration/size.md

@@ -6,6 +6,7 @@ sidebar_position: 1
 
 The width of a modal can be configured using the `Size` option. Blazored Modal has a range of built-in sizes as well as the ability to define a custom size.
 
+- Automatic (Size is determined by the content)
 - Small (300px)
 - Medium (500px)
 - Large (800px)

samples/BlazorServer/Pages/Size.razor

@@ -42,6 +42,7 @@
     </div>
 </div>
 
+<button @onclick="@(() => SetSize(ModalSize.Automatic))" class="btn btn-secondary">Automatic</button>
 <button @onclick="@(() => SetSize(ModalSize.Small))" class="btn btn-secondary">Small</button>
 <button @onclick="DefaultSize" class="btn btn-primary">Medium (default)</button>
 <button @onclick="@(() => SetSize(ModalSize.Large))" class="btn btn-secondary">Large</button>

samples/BlazorWebAssembly/Pages/Size.razor

@@ -42,6 +42,7 @@
     </div>
 </div>
 
+<button @onclick="@(() => SetSize(ModalSize.Automatic))" class="btn btn-secondary">Automatic</button>
 <button @onclick="@(() => SetSize(ModalSize.Small))" class="btn btn-secondary">Small</button>
 <button @onclick="DefaultSize" class="btn btn-primary">Medium (default)</button>
 <button @onclick="@(() => SetSize(ModalSize.Large))" class="btn btn-secondary">Large</button>

src/Blazored.Modal/BlazoredModalInstance.razor.cs

@@ -237,6 +237,9 @@ private string SetSize()
                     return GlobalModalOptions.SizeCustomClass;
 
                 throw new InvalidOperationException("Size set to Custom without a SizeCustomClass set");
+
+            case ModalSize.Automatic:
+                return "size-automatic";
 
             default:
                 return "size-medium";

src/Blazored.Modal/BlazoredModalInstance.razor.css

@@ -47,6 +47,13 @@
     margin-right: auto;
 }
 
+.size-automatic {
+    width: -moz-fit-content;
+    width: fit-content;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 .bm-header {
     display: flex;
     align-items: flex-start;

src/Blazored.Modal/Configuration/ModalSize.cs

@@ -6,5 +6,6 @@ public enum ModalSize
     Medium,
     Large,
     ExtraLarge,
-    Custom
+    Custom,
+    Automatic
 }