Explorar o código

improve expand-modal-fullscreen

Yuki Takei %!s(int64=6) %!d(string=hai) anos
pai
achega
c1c6725a38
Modificáronse 1 ficheiros con 5 adicións e 3 borrados
  1. 5 3
      src/client/styles/scss/_mixins.scss

+ 5 - 3
src/client/styles/scss/_mixins.scss

@@ -86,10 +86,12 @@
 
 @mixin expand-modal-fullscreen($hasModalHeader: true, $hasModalFooter: true) {
   // full-screen modal
-  width: 97%;
-  height: 95%;
+  width: auto;
+  height: calc(100vh - 30px);
+  margin: 15px;
+
   .modal-content {
-    height: 95%;
+    height: calc(100vh - 30px);
   }
 
   // expand .modal-body (with calculating height)