flicker-alerts 1.0.8 → 1.0.9

package/index.js

@@ -8,7 +8,8 @@ const FlickerAlerts = {
           // Cria o container se ele não existir
           container = document.createElement('div');
           container.id = 'alerts-container';
-          document.body.appendChild(container); // Adiciona o container ao body ou a outro elemento desejado
+          container.className = 'top-right';  // Aplica a classe para posicionar no topo direito
+          document.body.appendChild(container); // Adiciona o container ao body
         }
   
         // Criação do alerta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Biblioteca para alertas animados",
   "main": "index.js",
   "types": "index.d.ts",

package/style.css

@@ -1,3 +1,4 @@
+/* Estilo geral para o alerta */
 .alert-custom {
     display: flex;
     align-items: center;
@@ -67,6 +68,7 @@
     color: #777; /* Cor mais escura no hover */
 }
 
+/* Estilos para os tipos de alerta */
 .alert-success {
     border-left: 0.25rem solid #28a745;
 }
@@ -103,6 +105,7 @@
     color: white;
 }
 
+/* Classe para o container de alertas no topo direito */
 .top-right {
     position: fixed;
     top: 1rem;
@@ -113,6 +116,7 @@
     z-index: 1050;
 }
 
+/* Barra de progresso */
 .progress-bar {
     position: absolute;
     bottom: 0;
@@ -138,6 +142,7 @@
     background-color: #dc3545;
 }
 
+/* Animação de progresso */
 @keyframes load {
     from {
         width: 0;