Parcourir la source

improve expand-modal-fullscreen

Yuki Takei il y a 6 ans
Parent
commit
c1c6725a38
1 fichiers modifiés avec 5 ajouts et 3 suppressions
  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) {
 @mixin expand-modal-fullscreen($hasModalHeader: true, $hasModalFooter: true) {
   // full-screen modal
   // full-screen modal
-  width: 97%;
-  height: 95%;
+  width: auto;
+  height: calc(100vh - 30px);
+  margin: 15px;
+
   .modal-content {
   .modal-content {
-    height: 95%;
+    height: calc(100vh - 30px);
   }
   }
 
 
   // expand .modal-body (with calculating height)
   // expand .modal-body (with calculating height)