瀏覽代碼

Fix for mobile modals not being full height

Owen Diffey 3 年之前
父節點
當前提交
0315233c06
共有 1 個文件被更改,包括 3 次插入7 次删除
  1. 3 7
      frontend/src/components/Modal.vue

+ 3 - 7
frontend/src/components/Modal.vue

@@ -105,18 +105,14 @@ p {
 	}
 }
 
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 650px) {
 	.modal-card {
+		max-height: 100vh;
+		height: 100%;
 		.modal-card-head,
 		.modal-card-foot {
 			border-radius: 0;
 		}
 	}
 }
-
-@media screen and (max-height: 650px) {
-	.modal-card {
-		height: 100%;
-	}
-}
 </style>