@unlk/keymaster 1.2.8 → 1.2.9

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.2.9] - 2025-11-17
+
+### Fix
+- Content Modal
+
 ## [1.2.8] - 2025-11-14
 
 ### Add

package/dist/css/keymaster.css

@@ -36666,10 +36666,12 @@ textarea.form-control-lg {
   --bs-modal-close-zindex: 1060;
   --bs-modal-bg: #1f1f4f;
   --bs-modal-color: #fff;
+  --bs-heading-color: #fff;
 }
 .modal-dialog-content.modal-white {
   --bs-modal-bg: #fff;
   --bs-modal-color: rgb(19.3, 19.7, 20.4);
+  --bs-heading-color: rgb(38.6, 39.4, 40.8);
 }
 .modal-dialog-content .modal-header {
   position: relative;
@@ -36719,6 +36721,14 @@ textarea.form-control-lg {
     height: 0.625rem;
   }
 }
+.modal-dialog-content .modal-content .image img {
+  border-radius: 1rem;
+  max-width: 350px;
+  max-height: 350px;
+  aspect-ratio: 1/1;
+  -o-object-fit: cover;
+  object-fit: cover;
+}
 .modal-dialog-content .modal-content p {
   margin-bottom: 0;
 }
@@ -36728,19 +36738,143 @@ textarea.form-control-lg {
     margin-left: 1.25rem;
   }
 }
-.modal-dialog-content[class^=modal-fullscreen], .modal-dialog-content[class*=" modal-fullscreen"] {
-  margin-right: 0;
-  margin-left: 0;
+@media (max-width: 575.98px) {
+  .modal-dialog-content.modal-fullscreen-sm-down {
+    margin-right: 0;
+    margin-left: 0;
+  }
+  .modal-dialog-content.modal-fullscreen-sm-down .modal-header {
+    position: relative;
+    padding: 0.625rem;
+    margin-top: 1rem;
+    border-bottom: none;
+  }
+  .modal-dialog-content.modal-fullscreen-sm-down .modal-header .btn-close {
+    right: 1.25rem;
+    background-image: none;
+  }
+  .modal-dialog-content.modal-fullscreen-sm-down .image {
+    width: 100%;
+  }
+  .modal-dialog-content.modal-fullscreen-sm-down .image img {
+    display: block;
+    margin: 0 auto;
+  }
 }
-.modal-dialog-content[class^=modal-fullscreen] .modal-header, .modal-dialog-content[class*=" modal-fullscreen"] .modal-header {
-  position: relative;
-  padding: 0.625rem;
-  margin-top: 1rem;
-  border-bottom: none;
+@media (max-width: 767.98px) {
+  .modal-dialog-content.modal-fullscreen-md-down {
+    margin-right: 0;
+    margin-left: 0;
+  }
+  .modal-dialog-content.modal-fullscreen-md-down .modal-header {
+    position: relative;
+    padding: 0.625rem;
+    margin-top: 1rem;
+    border-bottom: none;
+  }
+  .modal-dialog-content.modal-fullscreen-md-down .modal-header .btn-close {
+    right: 1.25rem;
+    background-image: none;
+  }
+  .modal-dialog-content.modal-fullscreen-md-down .image {
+    width: 100%;
+  }
+  .modal-dialog-content.modal-fullscreen-md-down .image img {
+    display: block;
+    margin: 0 auto;
+  }
 }
-.modal-dialog-content[class^=modal-fullscreen] .modal-header .btn-close, .modal-dialog-content[class*=" modal-fullscreen"] .modal-header .btn-close {
-  right: 1.25rem;
-  background-image: none;
+@media (max-width: 991.98px) {
+  .modal-dialog-content.modal-fullscreen-lg-down {
+    margin-right: 0;
+    margin-left: 0;
+  }
+  .modal-dialog-content.modal-fullscreen-lg-down .modal-header {
+    position: relative;
+    padding: 0.625rem;
+    margin-top: 1rem;
+    border-bottom: none;
+  }
+  .modal-dialog-content.modal-fullscreen-lg-down .modal-header .btn-close {
+    right: 1.25rem;
+    background-image: none;
+  }
+  .modal-dialog-content.modal-fullscreen-lg-down .image {
+    width: 100%;
+  }
+  .modal-dialog-content.modal-fullscreen-lg-down .image img {
+    display: block;
+    margin: 0 auto;
+  }
+}
+@media (max-width: 1199.98px) {
+  .modal-dialog-content.modal-fullscreen-xl-down {
+    margin-right: 0;
+    margin-left: 0;
+  }
+  .modal-dialog-content.modal-fullscreen-xl-down .modal-header {
+    position: relative;
+    padding: 0.625rem;
+    margin-top: 1rem;
+    border-bottom: none;
+  }
+  .modal-dialog-content.modal-fullscreen-xl-down .modal-header .btn-close {
+    right: 1.25rem;
+    background-image: none;
+  }
+  .modal-dialog-content.modal-fullscreen-xl-down .image {
+    width: 100%;
+  }
+  .modal-dialog-content.modal-fullscreen-xl-down .image img {
+    display: block;
+    margin: 0 auto;
+  }
+}
+@media (max-width: 1399.98px) {
+  .modal-dialog-content.modal-fullscreen-xxl-down {
+    margin-right: 0;
+    margin-left: 0;
+  }
+  .modal-dialog-content.modal-fullscreen-xxl-down .modal-header {
+    position: relative;
+    padding: 0.625rem;
+    margin-top: 1rem;
+    border-bottom: none;
+  }
+  .modal-dialog-content.modal-fullscreen-xxl-down .modal-header .btn-close {
+    right: 1.25rem;
+    background-image: none;
+  }
+  .modal-dialog-content.modal-fullscreen-xxl-down .image {
+    width: 100%;
+  }
+  .modal-dialog-content.modal-fullscreen-xxl-down .image img {
+    display: block;
+    margin: 0 auto;
+  }
+}
+@media (max-width: 1599.98px) {
+  .modal-dialog-content.modal-fullscreen-xxxl-down {
+    margin-right: 0;
+    margin-left: 0;
+  }
+  .modal-dialog-content.modal-fullscreen-xxxl-down .modal-header {
+    position: relative;
+    padding: 0.625rem;
+    margin-top: 1rem;
+    border-bottom: none;
+  }
+  .modal-dialog-content.modal-fullscreen-xxxl-down .modal-header .btn-close {
+    right: 1.25rem;
+    background-image: none;
+  }
+  .modal-dialog-content.modal-fullscreen-xxxl-down .image {
+    width: 100%;
+  }
+  .modal-dialog-content.modal-fullscreen-xxxl-down .image img {
+    display: block;
+    margin: 0 auto;
+  }
 }
 
 .btn-close {