fix(modal): correction centererd and top position (#626)

Co-authored-by: Daniel Montoya <daniel.montoya@eclass.cl>

Author: Eriold

src/documentation/pages/Organisms/ModalAlert.tsx

@@ -27,6 +27,7 @@ export interface ModalAlertProps {
   title?: string // Titulo del modal
   description?: string // Mensaje del modal
   optionsButton: optionsButton[] // Boton del modal en array
+  top?: string // Posición del modal
 }
 // Propiedades del boton
 interface optionsButton {

src/organisms/ModalAlert/ModalAlert.tsx

@@ -19,18 +19,20 @@ export function ModalAlert({
   title,
   description,
   optionsButton,
+  top,
 }: ModalAlertProps): JSX.Element {
   const [isDesktop] = useMediaQuery('(min-width: 650px)')
 
   const modalStyles = {
     content: {
-      top: '3.75rem',
+      top: top,
     },
   }
 
   const showBorder = optionsButton.length > 1
   return (
     <Modal
+      id="modal-alert"
       isOpen={showModal}
       onClose={() => {}}
       closeOnEsc={false}

src/organisms/ModalAlert/types.d.ts

@@ -13,6 +13,9 @@ export interface ModalAlertProps {
 
   /** Opciones del boton */
   optionsButton: optionsButton[]
+
+  /** Posición del modal */
+  top?: string
 }
 
 interface optionsButton {