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.
- package/package.json +1 -1
- package/style.css +6 -5
package/package.json
CHANGED
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:
|
25
|
-
height:
|
26
|
+
width: 2.5rem; /* Ajusta o tamanho do ícone */
|
27
|
+
height: 2.5rem;
|
26
28
|
border-radius: 50%;
|
27
|
-
font-size: 1.
|
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 */
|