made modal-xl in material to look more like bootstrap4 and 5 modal

Megabit · Oct 16, 2023 · a3a027c · a3a027c
1 parent 53f168a
commit a3a027c
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/Source/Blazorise.Material/Styles/_modal.scss b/Source/Blazorise.Material/Styles/_modal.scss
@@ -34,4 +34,14 @@
             transition: opacity,transform var(--modal-animation-duration, 300ms) cubic-bezier(0,0,.2,1);
         }
     }
+
+    .modal-xl {
+        max-width: 1140px;
+        width: 1140px;
+        margin: 1.75rem auto;
+
+        .modal-content {
+            height: 60vh;
+        }
+    }
 }
diff --git a/Source/Blazorise.Material/wwwroot/blazorise.material.css b/Source/Blazorise.Material/wwwroot/blazorise.material.css
@@ -1022,6 +1022,14 @@ select[readonly] optgroup {
   transition: opacity, -webkit-transform var(--modal-animation-duration, 300ms) cubic-bezier(0, 0, 0.2, 1);
   transition: opacity, transform var(--modal-animation-duration, 300ms) cubic-bezier(0, 0, 0.2, 1);
 }
+.modal .modal-xl {
+  max-width: 1140px;
+  width: 1140px;
+  margin: 1.75rem auto;
+}
+.modal .modal-xl .modal-content {
+  height: 60vh;
+}
 
 .offcanvas, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
   --offcanvas-zindex: 1045;

diff --git a/Source/Blazorise.Material/wwwroot/blazorise.material.min.css b/Source/Blazorise.Material/wwwroot/blazorise.material.min.css