Merge pull request #788 from HRIDYANSHU054/solved-Issue#741

Solved - Issue #741 Upload model form on view page needs adjustment o…
camicroscope · Apr 24, 2024 · 3417f7e · 3417f7e
2 parents bf83a3e + 37726e7
commit 3417f7e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/apps/model/model.css b/apps/model/model.css
@@ -276,6 +276,14 @@ ul.disabled {
 }
 #upload_panel .modalbox-content{
     width: 30%;
+
+    @media only screen and ( max-width: 1100px ) {
+        width: 50%;
+    }
+
+    @media only screen and ( max-width: 600px ) {
+        width: 85%;
+    }
 }
 
 #roi_panel .modalbox-content{

diff --git a/components/modalbox/modalbox.css b/components/modalbox/modalbox.css
@@ -22,11 +22,19 @@
   padding: 0;
   border: 1px solid #888;
   width: 80%;
+
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
-  animation-duration: 0.4s
+  animation-duration: 0.4s;
+}
+
+.modalbox-content #modelupload, 
+.modalbox-content #weightsupload {
+  @media only screen and (max-width: 600px) {
+        width: 90%;
+  }
 }
 
 /* Add Animation */