diff --git a/ModalEventos.css b/ModalEventos.css index d705053..bed8362 100644 --- a/ModalEventos.css +++ b/ModalEventos.css @@ -2,9 +2,11 @@ --vs-primary: 29 92 255; } +.modal /*Dialog Styles*/ dialog { + text-align: center; margin: 20px 0 0 20px; padding: 1rem 3rem; @@ -18,6 +20,16 @@ dialog { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; } + +@media screen and (min-width:800px) { + dialog { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } +} + dialog::-webkit-backdrop { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; diff --git a/index.html b/index.html index 26026e4..64ce375 100644 --- a/index.html +++ b/index.html @@ -372,20 +372,21 @@