flicker-alerts 1.0.9 → 1.0.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/style.css +6 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flicker-alerts",
3
- "version": "1.0.9",
3
+ "version": "1.0.10",
4
4
  "description": "Biblioteca para alertas animados",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",
package/style.css CHANGED
@@ -7,6 +7,7 @@
7
7
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
8
8
  margin-bottom: 1rem;
9
9
  width: 100%;
10
+ min-width: 250px; /* Tamanho mínimo para o alerta */
10
11
  max-width: 320px;
11
12
  position: relative;
12
13
  background-color: white;
@@ -16,18 +17,17 @@
16
17
  font-size: 0.9rem;
17
18
  }
18
19
 
20
+ /* Estilo do ícone dentro do alerta */
19
21
  .alert-custom .icon {
20
22
  text-align: center;
21
23
  display: flex;
22
24
  align-items: center;
23
25
  justify-content: center;
24
- width: 2rem; /* Ajuste o tamanho do ícone */
25
- height: 2rem;
26
+ width: 2.5rem; /* Ajusta o tamanho do ícone */
27
+ height: 2.5rem;
26
28
  border-radius: 50%;
27
- font-size: 1.2rem; /* Ajusta o tamanho do ícone */
29
+ font-size: 1.3rem; /* Tamanho do ícone */
28
30
  line-height: 0;
29
- min-width: 2rem;
30
- min-height: 2rem;
31
31
  margin-right: 1rem; /* Espaço entre o ícone e o conteúdo */
32
32
  }
33
33
 
@@ -35,6 +35,7 @@
35
35
  font-size: inherit; /* Ajusta o ícone ao tamanho da div */
36
36
  }
37
37
 
38
+ /* Estilo do conteúdo do alerta (título e mensagem) */
38
39
  .alert-custom .content {
39
40
  display: flex;
40
41
  flex-direction: column; /* Conteúdo empilhado */