diff --git a/web/controllers/dashboard.js b/web/controllers/dashboard.js index 90982b5..758b367 100644 --- a/web/controllers/dashboard.js +++ b/web/controllers/dashboard.js @@ -37,27 +37,29 @@ setTimeout(function(){ $('#get-more-newyear').modal('show'); }, delayMs); - if ($( window ).width() < 700) { - $('#get-more-newyear').on('show.bs.modal', function () { - $('.modal-dialog').css('margin',0); - $('.modal-content').css('height',$( window ).height()*0.95); - $('.modal-content').css('width',$( window ).width()); - $('.myCarousel').css('height', $( window ).height()*0.95); - $('.myCarousel').css('width', 'auto'); - $('.myCarousel').css('object-fit', 'cover'); - }); - } else { - $('#get-more-newyear').on('show.bs.modal', function () { - $('.modal-dialog').css('margin-right',$( window ).width()/4); - $('.modal-dialog').css('margin-left',$( window ).width()/4); - $('.modal-dialog').css('margin-top',$( window ).height()/8); - $('.modal-content').css('height',$( window ).height()*0.7); - $('.modal-content').css('width',$( window ).width()*0.5); - $('.myCarousel').css('height', $( window ).height()*0.7); - $('.myCarousel').css('width', 'auto'); - $('.myCarousel').css('object-fit', 'cover'); - }); - } + if ($( window ).width() < 800) { + $('#get-more-newyear').on('show.bs.modal', function () { + $('.modal-dialog').css('margin-right',$( window ).width()-$( window ).width()); + $('.modal-dialog').css('margin-left',$( window ).width()-$( window ).width()); + $('.modal-dialog').css('margin-top',$( window ).height()-$( window ).height()); + $('.modal-content').css('height',$( window ).height()*0.95); + $('.modal-content').css('width',$( window ).width()); + $('.myCarousel').css('height', $( window ).height()*0.94); + $('.myCarousel').css('width', 'auto'); + $('.myCarousel').css('object-fit', 'cover'); + }); + } else { + $('#get-more-newyear').on('show.bs.modal', function () { + $('.modal-dialog').css('margin-right',$( window ).width()/4); + $('.modal-dialog').css('margin-left',$( window ).width()/4); + $('.modal-dialog').css('margin-top',$( window ).height()/8); + $('.modal-content').css('height',$( window ).height()*0.7); + $('.modal-content').css('width',$( window ).width()*0.5); + $('.myCarousel').css('height', $( window ).height()*0.7); + $('.myCarousel').css('width', 'auto'); + $('.myCarousel').css('object-fit', 'cover'); + }); + } } }); }