[UPDATE] 🎉JuanPablo-IS solution

[juanpablo-is]

⭐ Descripción

Se añade interfaz para listar todas las contraseñas generadas y almacenadas en sesión del usuario

🚀 Tipo de cambio

• [x] Arreglo de bug (cambios que no rompen nada y resuelven un problema).
• [x] Nueva característica (cambios que no rompen nada y agregan funcionalidad).
• [ ] Cambio radical (arreglo o característica que podría causar que una funcionalidad no funcione como se espera).
• [ ] Este cambio requiere actualización de documentación.

🤔 ¿Cómo ha sido probado este cambio?

Describa las pruebas que ha realizado para verificar los cambios. Proporcione instrucciones para que podamos reproducirlos. Por favor, indique también cualquier detalle relevante para la configuración de su prueba. Ejemplo:

• Dar clic sobre el CTC (Show History Password), donde se debe abrir un modal (Drawer) mostrando las contraseñas generadas por el sistema (las últimas 5)

Configuración de pruebas:

• Versión de Node: v16.13.0
• Versión de Astro: v1.3.1

📝 Lista de verificación:

(*) -> obligatorio.

• [x] Mi código sigue las reglas de este proyecto *.
• [x] He creado mis propias clases / ids y he comprobado que no afectan a otros diseños de la comunidad *.
• [x] He realizado una auto-revisión de mi propio código *.
• [x] He comentado mi código, particularmente en las áreas difíciles de entender.
• [x] Mis cambios no generan nuevos avisos *.
• [x] No he instalado nuevos módulos con npm install o yarn install *.
• [x] La solución es de mi autoría y no he copiado código de otros participantes *.
• [x] No modifiqué ningún otro archivo más que los míos *.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
hacktoberfest-2022	✅ Ready (Inspect)	Visit Preview	Oct 26, 2022 at 0:03AM (UTC)

[juanpablo-is]

Hola!!! 👋 Gracias por mejorar tu solución! Está quedando genial! Para mergearlo solo faltaría scopear dos clases y un button más en tu fichero src/components/juanpablo-is/index.css y ya podemos mergearlo 🙌

.remove-content {
  background-color: #170f1e !important;
}
.remove-content::after {
  content: none;
}

@media (max-width: 400px) {
  button {
      width: auto !important;
  }
}

Muchas gracias! 😊

Hola!, se aplica scope sobre estilos para no afectar otros proyecto (de igual forma estos estilos son para rehacer cambios globales de otros proyectos sobre el mio)

Muchas gracias!