Skip to content

Commit

Permalink
Solved - Issue #741 Upload model form on view page needs adjustment o…
Browse files Browse the repository at this point in the history
…n mobile view

More Details. Added media queries to handle this in components\modalbox\modalbox.css
  • Loading branch information
Hridyanshu7 committed Mar 17, 2024
1 parent 55d8db2 commit f624b81
Showing 1 changed file with 17 additions and 1 deletion.
18 changes: 17 additions & 1 deletion components/modalbox/modalbox.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,11 +22,27 @@
padding: 0;
border: 1px solid #888;
width: 80%;

@media only screen and (max-width: 1100px) {
width: 50%;
}

@media only screen and (max-width: 600px) {
width: 85%;
}

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 */
Expand Down

0 comments on commit f624b81

Please sign in to comment.